@charset "UTF-8";:root{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-body-large-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-body-medium-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-body-small-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-display-large-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-display-medium-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-display-small-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-headline-large-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-headline-medium-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-headline-small-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 600 .875rem / 1.25rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-label-large-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 600;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 600 .75rem / 1rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-label-medium-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 600;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 600 .688rem / 1rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-label-small-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 600;--mat-sys-title-large: 400 1.375rem / 1.75rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-title-large-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 600 1rem / 1.5rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-title-medium-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 600;--mat-sys-title-small: 600 .875rem / 1.25rem Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-title-small-font: Open Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 600;--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 36px;--mat-chip-container-height: 28px;--mat-expansion-header-collapsed-state-height: 44px;--mat-expansion-header-expanded-state-height: 60px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: block;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 36px;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block;--mat-form-field-container-height: 52px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 14px;--mat-form-field-filled-with-label-container-padding-top: 22px;--mat-form-field-filled-with-label-container-padding-bottom: 6px;--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 36px;--mat-list-list-item-leading-icon-start-space: 12px;--mat-list-list-item-leading-icon-end-space: 12px;--mat-list-list-item-one-line-container-height: 44px;--mat-list-list-item-two-line-container-height: 60px;--mat-list-list-item-three-line-container-height: 84px;--mat-paginator-container-size: 52px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 36px;--mat-tab-container-height: 44px;--mat-select-arrow-transform: translateY(-8px);--mat-button-toggle-height: 40px;--mat-stepper-header-height: 68px;--mat-table-header-container-height: 52px;--mat-table-footer-container-height: 48px;--mat-table-row-item-container-height: 48px;--mat-toolbar-standard-height: 60px;--mat-toolbar-mobile-height: 52px;--mat-tree-node-min-height: 44px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-color-theme=azure-blue]{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-color-theme=indigo-pink]{--mat-sys-background: light-dark(#fef8fc, #151316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff4, #323033);--mat-sys-inverse-primary: light-dark(#d5baff, #7d00fa);--mat-sys-inverse-surface: light-dark(#323033, #e6e1e6);--mat-sys-on-background: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #42008a);--mat-sys-on-primary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-primary-fixed: light-dark(#270057, #270057);--mat-sys-on-primary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-on-secondary: light-dark(#ffffff, #352d40);--mat-sys-on-secondary-container: light-dark(#4b4357, #eadef7);--mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);--mat-sys-on-secondary-fixed-variant: light-dark(#4b4357, #4b4357);--mat-sys-on-surface: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-surface-variant: light-dark(#49454e, #e8e0eb);--mat-sys-on-tertiary: light-dark(#ffffff, #65002f);--mat-sys-on-tertiary-container: light-dark(#8f0045, #ffd9e1);--mat-sys-on-tertiary-fixed: light-dark(#3f001b, #3f001b);--mat-sys-on-tertiary-fixed-variant: light-dark(#8f0045, #8f0045);--mat-sys-outline: light-dark(#7b757f, #958e99);--mat-sys-outline-variant: light-dark(#cbc4cf, #49454e);--mat-sys-primary: light-dark(#7d00fa, #d5baff);--mat-sys-primary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-primary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#645b70, #cec2db);--mat-sys-secondary-container: light-dark(#eadef7, #4b4357);--mat-sys-secondary-fixed: light-dark(#eadef7, #eadef7);--mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fef8fc, #151316);--mat-sys-surface-bright: light-dark(#fef8fc, #3b383c);--mat-sys-surface-container: light-dark(#f2ecf1, #211f22);--mat-sys-surface-container-high: light-dark(#ede6eb, #2b292d);--mat-sys-surface-container-highest: light-dark(#e6e1e6, #363437);--mat-sys-surface-container-low: light-dark(#f8f2f6, #1d1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);--mat-sys-surface-dim: light-dark(#ded8dd, #151316);--mat-sys-surface-tint: light-dark(#7d00fa, #d5baff);--mat-sys-surface-variant: light-dark(#e8e0eb, #49454e);--mat-sys-tertiary: light-dark(#ba005c, #ffb1c5);--mat-sys-tertiary-container: light-dark(#ffd9e1, #8f0045);--mat-sys-tertiary-fixed: light-dark(#ffd9e1, #ffd9e1);--mat-sys-tertiary-fixed-dim: light-dark(#ffb1c5, #ffb1c5);--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-color-theme=purple-amber]{--mat-sys-background: light-dark(#fef8fc, #151316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff4, #323033);--mat-sys-inverse-primary: light-dark(#d5baff, #7d00fa);--mat-sys-inverse-surface: light-dark(#323033, #e6e1e6);--mat-sys-on-background: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #42008a);--mat-sys-on-primary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-primary-fixed: light-dark(#270057, #270057);--mat-sys-on-primary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-on-secondary: light-dark(#ffffff, #352d40);--mat-sys-on-secondary-container: light-dark(#4b4357, #eadef7);--mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);--mat-sys-on-secondary-fixed-variant: light-dark(#4b4357, #4b4357);--mat-sys-on-surface: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-surface-variant: light-dark(#49454e, #e8e0eb);--mat-sys-on-tertiary: light-dark(#ffffff, #323200);--mat-sys-on-tertiary-container: light-dark(#494900, #eaea00);--mat-sys-on-tertiary-fixed: light-dark(#1d1d00, #1d1d00);--mat-sys-on-tertiary-fixed-variant: light-dark(#494900, #494900);--mat-sys-outline: light-dark(#7b757f, #958e99);--mat-sys-outline-variant: light-dark(#cbc4cf, #49454e);--mat-sys-primary: light-dark(#7d00fa, #d5baff);--mat-sys-primary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-primary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#645b70, #cec2db);--mat-sys-secondary-container: light-dark(#eadef7, #4b4357);--mat-sys-secondary-fixed: light-dark(#eadef7, #eadef7);--mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fef8fc, #151316);--mat-sys-surface-bright: light-dark(#fef8fc, #3b383c);--mat-sys-surface-container: light-dark(#f2ecf1, #211f22);--mat-sys-surface-container-high: light-dark(#ede6eb, #2b292d);--mat-sys-surface-container-highest: light-dark(#e6e1e6, #363437);--mat-sys-surface-container-low: light-dark(#f8f2f6, #1d1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);--mat-sys-surface-dim: light-dark(#ded8dd, #151316);--mat-sys-surface-tint: light-dark(#7d00fa, #d5baff);--mat-sys-surface-variant: light-dark(#e8e0eb, #49454e);--mat-sys-tertiary: light-dark(#626200, #cdcd00);--mat-sys-tertiary-container: light-dark(#eaea00, #494900);--mat-sys-tertiary-fixed: light-dark(#eaea00, #eaea00);--mat-sys-tertiary-fixed-dim: light-dark(#cdcd00, #cdcd00);--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-color-theme=teal-orange]{--mat-sys-background: light-dark(#f9faf4, #111411);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f0f1ec, #2e312e);--mat-sys-inverse-primary: light-dark(#00e472, #006d33);--mat-sys-inverse-surface: light-dark(#2e312e, #e2e3de);--mat-sys-on-background: light-dark(#191c19, #e2e3de);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003917);--mat-sys-on-primary-container: light-dark(#005225, #63ff94);--mat-sys-on-primary-fixed: light-dark(#00210b, #00210b);--mat-sys-on-primary-fixed-variant: light-dark(#005225, #005225);--mat-sys-on-secondary: light-dark(#ffffff, #233425);--mat-sys-on-secondary-container: light-dark(#394b3b, #d3e8d2);--mat-sys-on-secondary-fixed: light-dark(#0e1f12, #0e1f12);--mat-sys-on-secondary-fixed-variant: light-dark(#394b3b, #394b3b);--mat-sys-on-surface: light-dark(#191c19, #e2e3de);--mat-sys-on-surface-variant: light-dark(#414941, #dde5da);--mat-sys-on-tertiary: light-dark(#ffffff, #502400);--mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);--mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);--mat-sys-outline: light-dark(#717970, #8b9389);--mat-sys-outline-variant: light-dark(#c1c9be, #414941);--mat-sys-primary: light-dark(#006d33, #00e472);--mat-sys-primary-container: light-dark(#63ff94, #005225);--mat-sys-primary-fixed: light-dark(#63ff94, #63ff94);--mat-sys-primary-fixed-dim: light-dark(#00e472, #00e472);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#506352, #b7ccb7);--mat-sys-secondary-container: light-dark(#d3e8d2, #394b3b);--mat-sys-secondary-fixed: light-dark(#d3e8d2, #d3e8d2);--mat-sys-secondary-fixed-dim: light-dark(#b7ccb7, #b7ccb7);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9faf4, #111411);--mat-sys-surface-bright: light-dark(#f9faf4, #373a36);--mat-sys-surface-container: light-dark(#edefe8, #1d201d);--mat-sys-surface-container-high: light-dark(#e7e9e3, #282b27);--mat-sys-surface-container-highest: light-dark(#e2e3de, #323632);--mat-sys-surface-container-low: light-dark(#f2f4ee, #191c19);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0c);--mat-sys-surface-dim: light-dark(#d9dbd5, #111411);--mat-sys-surface-tint: light-dark(#006d33, #00e472);--mat-sys-surface-variant: light-dark(#dde5da, #414941);--mat-sys-tertiary: light-dark(#964900, #ffb787);--mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);--mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-neutral-variant20: #2b322b;--mat-sys-neutral10: #191c19;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-color-theme=blue-orange]{--mat-sys-background: light-dark(#fcf8fd, #131316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f3eff4, #303034);--mat-sys-inverse-primary: light-dark(#bec2ff, #343dff);--mat-sys-inverse-surface: light-dark(#303034, #e5e1e6);--mat-sys-on-background: light-dark(#1b1b1f, #e5e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #0001ac);--mat-sys-on-primary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-primary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-primary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-on-secondary: light-dark(#ffffff, #2e2f42);--mat-sys-on-secondary-container: light-dark(#444559, #e1e0f9);--mat-sys-on-secondary-fixed: light-dark(#191a2c, #191a2c);--mat-sys-on-secondary-fixed-variant: light-dark(#444559, #444559);--mat-sys-on-surface: light-dark(#1b1b1f, #e5e1e6);--mat-sys-on-surface-variant: light-dark(#46464f, #e4e1ec);--mat-sys-on-tertiary: light-dark(#ffffff, #502400);--mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);--mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);--mat-sys-outline: light-dark(#777680, #91909a);--mat-sys-outline-variant: light-dark(#c7c5d0, #46464f);--mat-sys-primary: light-dark(#343dff, #bec2ff);--mat-sys-primary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-primary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-primary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#5c5d72, #c5c4dd);--mat-sys-secondary-container: light-dark(#e1e0f9, #444559);--mat-sys-secondary-fixed: light-dark(#e1e0f9, #e1e0f9);--mat-sys-secondary-fixed-dim: light-dark(#c5c4dd, #c5c4dd);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fcf8fd, #131316);--mat-sys-surface-bright: light-dark(#fcf8fd, #3a393c);--mat-sys-surface-container: light-dark(#f0edf1, #201f22);--mat-sys-surface-container-high: light-dark(#ebe7eb, #2a292d);--mat-sys-surface-container-highest: light-dark(#e5e1e6, #353438);--mat-sys-surface-container-low: light-dark(#f6f2f7, #1b1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e11);--mat-sys-surface-dim: light-dark(#dcd9dd, #131316);--mat-sys-surface-tint: light-dark(#343dff, #bec2ff);--mat-sys-surface-variant: light-dark(#e4e1ec, #46464f);--mat-sys-tertiary: light-dark(#964900, #ffb787);--mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);--mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-neutral-variant20: #303038;--mat-sys-neutral10: #1b1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-color-theme=cyan-amber]{--mat-sys-background: light-dark(#f7faf9, #101414);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff1f0, #2d3131);--mat-sys-inverse-primary: light-dark(#00dddd, #006a6a);--mat-sys-inverse-surface: light-dark(#2d3131, #e0e3e2);--mat-sys-on-background: light-dark(#191c1c, #e0e3e2);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003737);--mat-sys-on-primary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-primary-fixed: light-dark(#002020, #002020);--mat-sys-on-primary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-on-secondary: light-dark(#ffffff, #1b3534);--mat-sys-on-secondary-container: light-dark(#324b4b, #cce8e7);--mat-sys-on-secondary-fixed: light-dark(#051f1f, #051f1f);--mat-sys-on-secondary-fixed-variant: light-dark(#324b4b, #324b4b);--mat-sys-on-surface: light-dark(#191c1c, #e0e3e2);--mat-sys-on-surface-variant: light-dark(#3f4948, #dae5e4);--mat-sys-on-tertiary: light-dark(#ffffff, #323200);--mat-sys-on-tertiary-container: light-dark(#494900, #eaea00);--mat-sys-on-tertiary-fixed: light-dark(#1d1d00, #1d1d00);--mat-sys-on-tertiary-fixed-variant: light-dark(#494900, #494900);--mat-sys-outline: light-dark(#6f7979, #889392);--mat-sys-outline-variant: light-dark(#bec9c8, #3f4948);--mat-sys-primary: light-dark(#006a6a, #00dddd);--mat-sys-primary-container: light-dark(#00fbfb, #004f4f);--mat-sys-primary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-primary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4a6363, #b0cccb);--mat-sys-secondary-container: light-dark(#cce8e7, #324b4b);--mat-sys-secondary-fixed: light-dark(#cce8e7, #cce8e7);--mat-sys-secondary-fixed-dim: light-dark(#b0cccb, #b0cccb);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f7faf9, #101414);--mat-sys-surface-bright: light-dark(#f7faf9, #363a39);--mat-sys-surface-container: light-dark(#ebefed, #1c2020);--mat-sys-surface-container-high: light-dark(#e6e9e7, #272b2a);--mat-sys-surface-container-highest: light-dark(#e0e3e2, #313635);--mat-sys-surface-container-low: light-dark(#f1f4f3, #191c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f0e);--mat-sys-surface-dim: light-dark(#d7dbd9, #101414);--mat-sys-surface-tint: light-dark(#006a6a, #00dddd);--mat-sys-surface-variant: light-dark(#dae5e4, #3f4948);--mat-sys-tertiary: light-dark(#626200, #cdcd00);--mat-sys-tertiary-container: light-dark(#eaea00, #494900);--mat-sys-tertiary-fixed: light-dark(#eaea00, #eaea00);--mat-sys-tertiary-fixed-dim: light-dark(#cdcd00, #cdcd00);--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-color-theme=pink-bluegrey]{--mat-sys-background: light-dark(#fff8f8, #171213);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#faeeef, #352f30);--mat-sys-inverse-primary: light-dark(#ffb1c5, #ba005c);--mat-sys-inverse-surface: light-dark(#352f30, #ece0e1);--mat-sys-on-background: light-dark(#201a1b, #ece0e1);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #65002f);--mat-sys-on-primary-container: light-dark(#8f0045, #ffd9e1);--mat-sys-on-primary-fixed: light-dark(#3f001b, #3f001b);--mat-sys-on-primary-fixed-variant: light-dark(#8f0045, #8f0045);--mat-sys-on-secondary: light-dark(#ffffff, #422930);--mat-sys-on-secondary-container: light-dark(#5b3f46, #ffd9e1);--mat-sys-on-secondary-fixed: light-dark(#2b151b, #2b151b);--mat-sys-on-secondary-fixed-variant: light-dark(#5b3f46, #5b3f46);--mat-sys-on-surface: light-dark(#201a1b, #ece0e1);--mat-sys-on-surface-variant: light-dark(#514346, #f3dde1);--mat-sys-on-tertiary: light-dark(#ffffff, #002f65);--mat-sys-on-tertiary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-tertiary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-tertiary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-outline: light-dark(#847376, #9e8c90);--mat-sys-outline-variant: light-dark(#d6c2c5, #514346);--mat-sys-primary: light-dark(#ba005c, #ffb1c5);--mat-sys-primary-container: light-dark(#ffd9e1, #8f0045);--mat-sys-primary-fixed: light-dark(#ffd9e1, #ffd9e1);--mat-sys-primary-fixed-dim: light-dark(#ffb1c5, #ffb1c5);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#74565d, #e3bdc5);--mat-sys-secondary-container: light-dark(#ffd9e1, #5b3f46);--mat-sys-secondary-fixed: light-dark(#ffd9e1, #ffd9e1);--mat-sys-secondary-fixed-dim: light-dark(#e3bdc5, #e3bdc5);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f8, #171213);--mat-sys-surface-bright: light-dark(#fff8f8, #3e3738);--mat-sys-surface-container: light-dark(#f7ebec, #241e1f);--mat-sys-surface-container-high: light-dark(#f1e5e6, #2f2829);--mat-sys-surface-container-highest: light-dark(#ece0e1, #3a3334);--mat-sys-surface-container-low: light-dark(#fdf1f2, #201a1b);--mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0e);--mat-sys-surface-dim: light-dark(#e3d7d8, #171213);--mat-sys-surface-tint: light-dark(#ba005c, #ffb1c5);--mat-sys-surface-variant: light-dark(#f3dde1, #514346);--mat-sys-tertiary: light-dark(#005cbb, #abc7ff);--mat-sys-tertiary-container: light-dark(#d7e3ff, #00458f);--mat-sys-tertiary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-tertiary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-neutral-variant20: #3a2d30;--mat-sys-neutral10: #201a1b;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-color-theme=lightblue-pink]{--mat-sys-background: light-dark(#f7faf9, #101414);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff1f0, #2d3131);--mat-sys-inverse-primary: light-dark(#00dddd, #006a6a);--mat-sys-inverse-surface: light-dark(#2d3131, #e0e3e2);--mat-sys-on-background: light-dark(#191c1c, #e0e3e2);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003737);--mat-sys-on-primary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-primary-fixed: light-dark(#002020, #002020);--mat-sys-on-primary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-on-secondary: light-dark(#ffffff, #1b3534);--mat-sys-on-secondary-container: light-dark(#324b4b, #cce8e7);--mat-sys-on-secondary-fixed: light-dark(#051f1f, #051f1f);--mat-sys-on-secondary-fixed-variant: light-dark(#324b4b, #324b4b);--mat-sys-on-surface: light-dark(#191c1c, #e0e3e2);--mat-sys-on-surface-variant: light-dark(#3f4948, #dae5e4);--mat-sys-on-tertiary: light-dark(#ffffff, #65002f);--mat-sys-on-tertiary-container: light-dark(#8f0045, #ffd9e1);--mat-sys-on-tertiary-fixed: light-dark(#3f001b, #3f001b);--mat-sys-on-tertiary-fixed-variant: light-dark(#8f0045, #8f0045);--mat-sys-outline: light-dark(#6f7979, #889392);--mat-sys-outline-variant: light-dark(#bec9c8, #3f4948);--mat-sys-primary: light-dark(#006a6a, #00dddd);--mat-sys-primary-container: light-dark(#00fbfb, #004f4f);--mat-sys-primary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-primary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4a6363, #b0cccb);--mat-sys-secondary-container: light-dark(#cce8e7, #324b4b);--mat-sys-secondary-fixed: light-dark(#cce8e7, #cce8e7);--mat-sys-secondary-fixed-dim: light-dark(#b0cccb, #b0cccb);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f7faf9, #101414);--mat-sys-surface-bright: light-dark(#f7faf9, #363a39);--mat-sys-surface-container: light-dark(#ebefed, #1c2020);--mat-sys-surface-container-high: light-dark(#e6e9e7, #272b2a);--mat-sys-surface-container-highest: light-dark(#e0e3e2, #313635);--mat-sys-surface-container-low: light-dark(#f1f4f3, #191c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f0e);--mat-sys-surface-dim: light-dark(#d7dbd9, #101414);--mat-sys-surface-tint: light-dark(#006a6a, #00dddd);--mat-sys-surface-variant: light-dark(#dae5e4, #3f4948);--mat-sys-tertiary: light-dark(#ba005c, #ffb1c5);--mat-sys-tertiary-container: light-dark(#ffd9e1, #8f0045);--mat-sys-tertiary-fixed: light-dark(#ffd9e1, #ffd9e1);--mat-sys-tertiary-fixed-dim: light-dark(#ffb1c5, #ffb1c5);--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-color-theme=lightgreen-pink]{--mat-sys-background: light-dark(#f9faf3, #121410);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f1f1eb, #2f312d);--mat-sys-inverse-primary: light-dark(#02e600, #026e00);--mat-sys-inverse-surface: light-dark(#2f312d, #e2e3dc);--mat-sys-on-background: light-dark(#1a1c18, #e2e3dc);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #013a00);--mat-sys-on-primary-container: light-dark(#015300, #77ff61);--mat-sys-on-primary-fixed: light-dark(#002200, #002200);--mat-sys-on-primary-fixed-variant: light-dark(#015300, #015300);--mat-sys-on-secondary: light-dark(#ffffff, #263422);--mat-sys-on-secondary-container: light-dark(#3c4b37, #d7e8cd);--mat-sys-on-secondary-fixed: light-dark(#121f0e, #121f0e);--mat-sys-on-secondary-fixed-variant: light-dark(#3c4b37, #3c4b37);--mat-sys-on-surface: light-dark(#1a1c18, #e2e3dc);--mat-sys-on-surface-variant: light-dark(#43483f, #dfe4d7);--mat-sys-on-tertiary: light-dark(#ffffff, #65002f);--mat-sys-on-tertiary-container: light-dark(#8f0045, #ffd9e1);--mat-sys-on-tertiary-fixed: light-dark(#3f001b, #3f001b);--mat-sys-on-tertiary-fixed-variant: light-dark(#8f0045, #8f0045);--mat-sys-outline: light-dark(#73796e, #8d9387);--mat-sys-outline-variant: light-dark(#c3c8bc, #43483f);--mat-sys-primary: light-dark(#026e00, #02e600);--mat-sys-primary-container: light-dark(#77ff61, #015300);--mat-sys-primary-fixed: light-dark(#77ff61, #77ff61);--mat-sys-primary-fixed-dim: light-dark(#02e600, #02e600);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#54634d, #bbcbb2);--mat-sys-secondary-container: light-dark(#d7e8cd, #3c4b37);--mat-sys-secondary-fixed: light-dark(#d7e8cd, #d7e8cd);--mat-sys-secondary-fixed-dim: light-dark(#bbcbb2, #bbcbb2);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9faf3, #121410);--mat-sys-surface-bright: light-dark(#f9faf3, #383a35);--mat-sys-surface-container: light-dark(#eeeee7, #1e201c);--mat-sys-surface-container-high: light-dark(#e8e9e1, #282b26);--mat-sys-surface-container-highest: light-dark(#e2e3dc, #333531);--mat-sys-surface-container-low: light-dark(#f3f4ed, #1a1c18);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0b);--mat-sys-surface-dim: light-dark(#dadbd3, #121410);--mat-sys-surface-tint: light-dark(#026e00, #02e600);--mat-sys-surface-variant: light-dark(#dfe4d7, #43483f);--mat-sys-tertiary: light-dark(#ba005c, #ffb1c5);--mat-sys-tertiary-container: light-dark(#ffd9e1, #8f0045);--mat-sys-tertiary-fixed: light-dark(#ffd9e1, #ffd9e1);--mat-sys-tertiary-fixed-dim: light-dark(#ffb1c5, #ffb1c5);--mat-sys-neutral-variant20: #2c3229;--mat-sys-neutral10: #1a1c18;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-color-theme=lime-purple]{--mat-sys-background: light-dark(#fafaf2, #121410);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f1f1ea, #2f312c);--mat-sys-inverse-primary: light-dark(#70e000, #326b00);--mat-sys-inverse-surface: light-dark(#2f312c, #e3e3dc);--mat-sys-on-background: light-dark(#1a1c18, #e3e3dc);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #173800);--mat-sys-on-primary-container: light-dark(#245100, #82ff10);--mat-sys-on-primary-fixed: light-dark(#0b2000, #0b2000);--mat-sys-on-primary-fixed-variant: light-dark(#245100, #245100);--mat-sys-on-secondary: light-dark(#ffffff, #293420);--mat-sys-on-secondary-container: light-dark(#3f4a35, #dae7ca);--mat-sys-on-secondary-fixed: light-dark(#141e0c, #141e0c);--mat-sys-on-secondary-fixed-variant: light-dark(#3f4a35, #3f4a35);--mat-sys-on-surface: light-dark(#1a1c18, #e3e3dc);--mat-sys-on-surface-variant: light-dark(#44483e, #e0e4d6);--mat-sys-on-tertiary: light-dark(#ffffff, #42008a);--mat-sys-on-tertiary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-tertiary-fixed: light-dark(#270057, #270057);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-outline: light-dark(#74796d, #8e9286);--mat-sys-outline-variant: light-dark(#c4c8bb, #44483e);--mat-sys-primary: light-dark(#326b00, #70e000);--mat-sys-primary-container: light-dark(#82ff10, #245100);--mat-sys-primary-fixed: light-dark(#82ff10, #82ff10);--mat-sys-primary-fixed-dim: light-dark(#70e000, #70e000);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#56624b, #becbaf);--mat-sys-secondary-container: light-dark(#dae7ca, #3f4a35);--mat-sys-secondary-fixed: light-dark(#dae7ca, #dae7ca);--mat-sys-secondary-fixed-dim: light-dark(#becbaf, #becbaf);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fafaf2, #121410);--mat-sys-surface-bright: light-dark(#fafaf2, #383a35);--mat-sys-surface-container: light-dark(#eeeee7, #1e201c);--mat-sys-surface-container-high: light-dark(#e8e9e1, #282b26);--mat-sys-surface-container-highest: light-dark(#e3e3dc, #333531);--mat-sys-surface-container-low: light-dark(#f3f4ed, #1a1c18);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0b);--mat-sys-surface-dim: light-dark(#dadbd3, #121410);--mat-sys-surface-tint: light-dark(#326b00, #70e000);--mat-sys-surface-variant: light-dark(#e0e4d6, #44483e);--mat-sys-tertiary: light-dark(#7d00fa, #d5baff);--mat-sys-tertiary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-tertiary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-tertiary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-neutral-variant20: #2d3228;--mat-sys-neutral10: #1a1c18;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-color-theme=amber-blue]{--mat-sys-background: light-dark(#fdf9f0, #14140f);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f4f0e8, #31312b);--mat-sys-inverse-primary: light-dark(#cdcd00, #626200);--mat-sys-inverse-surface: light-dark(#31312b, #e6e2d9);--mat-sys-on-background: light-dark(#1c1c17, #e6e2d9);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #323200);--mat-sys-on-primary-container: light-dark(#494900, #eaea00);--mat-sys-on-primary-fixed: light-dark(#1d1d00, #1d1d00);--mat-sys-on-primary-fixed-variant: light-dark(#494900, #494900);--mat-sys-on-secondary: light-dark(#ffffff, #323218);--mat-sys-on-secondary-container: light-dark(#49482d, #e7e4bf);--mat-sys-on-secondary-fixed: light-dark(#1d1d06, #1d1d06);--mat-sys-on-secondary-fixed-variant: light-dark(#49482d, #49482d);--mat-sys-on-surface: light-dark(#1c1c17, #e6e2d9);--mat-sys-on-surface-variant: light-dark(#48473a, #e6e3d1);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#797869, #939182);--mat-sys-outline-variant: light-dark(#cac7b6, #48473a);--mat-sys-primary: light-dark(#626200, #cdcd00);--mat-sys-primary-container: light-dark(#eaea00, #494900);--mat-sys-primary-fixed: light-dark(#eaea00, #eaea00);--mat-sys-primary-fixed-dim: light-dark(#cdcd00, #cdcd00);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#606043, #cac8a5);--mat-sys-secondary-container: light-dark(#e7e4bf, #49482d);--mat-sys-secondary-fixed: light-dark(#e7e4bf, #e7e4bf);--mat-sys-secondary-fixed-dim: light-dark(#cac8a5, #cac8a5);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fdf9f0, #14140f);--mat-sys-surface-bright: light-dark(#fdf9f0, #3a3933);--mat-sys-surface-container: light-dark(#f1ede5, #20201b);--mat-sys-surface-container-high: light-dark(#ece8df, #2b2a25);--mat-sys-surface-container-highest: light-dark(#e6e2d9, #36352f);--mat-sys-surface-container-low: light-dark(#f7f3ea, #1c1c17);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0e0a);--mat-sys-surface-dim: light-dark(#dddad1, #14140f);--mat-sys-surface-tint: light-dark(#626200, #cdcd00);--mat-sys-surface-variant: light-dark(#e6e3d1, #48473a);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #313125;--mat-sys-neutral10: #1c1c17;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-color-theme=orange-bluegrey]{--mat-sys-background: light-dark(#fff8f5, #181210);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbeee8, #362f2b);--mat-sys-inverse-primary: light-dark(#ffb787, #964900);--mat-sys-inverse-surface: light-dark(#362f2b, #ece0da);--mat-sys-on-background: light-dark(#201a17, #ece0da);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #502400);--mat-sys-on-primary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-primary-fixed: light-dark(#311300, #311300);--mat-sys-on-primary-fixed-variant: light-dark(#723600, #723600);--mat-sys-on-secondary: light-dark(#ffffff, #422b1b);--mat-sys-on-secondary-container: light-dark(#5b4130, #ffdcc7);--mat-sys-on-secondary-fixed: light-dark(#2b1708, #2b1708);--mat-sys-on-secondary-fixed-variant: light-dark(#5b4130, #5b4130);--mat-sys-on-surface: light-dark(#201a17, #ece0da);--mat-sys-on-surface-variant: light-dark(#52443c, #f4ded3);--mat-sys-on-tertiary: light-dark(#ffffff, #002f65);--mat-sys-on-tertiary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-tertiary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-tertiary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-outline: light-dark(#84746a, #9f8d83);--mat-sys-outline-variant: light-dark(#d7c3b8, #52443c);--mat-sys-primary: light-dark(#964900, #ffb787);--mat-sys-primary-container: light-dark(#ffdcc7, #723600);--mat-sys-primary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-primary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#755846, #e5bfa8);--mat-sys-secondary-container: light-dark(#ffdcc7, #5b4130);--mat-sys-secondary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-secondary-fixed-dim: light-dark(#e5bfa8, #e5bfa8);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f5, #181210);--mat-sys-surface-bright: light-dark(#fff8f5, #3f3834);--mat-sys-surface-container: light-dark(#f8ebe6, #241e1b);--mat-sys-surface-container-high: light-dark(#f2e6e1, #2f2926);--mat-sys-surface-container-highest: light-dark(#ece0da, #3a3330);--mat-sys-surface-container-low: light-dark(#fef1ec, #201a17);--mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0b);--mat-sys-surface-dim: light-dark(#e3d8d3, #181210);--mat-sys-surface-tint: light-dark(#964900, #ffb787);--mat-sys-surface-variant: light-dark(#f4ded3, #52443c);--mat-sys-tertiary: light-dark(#005cbb, #abc7ff);--mat-sys-tertiary-container: light-dark(#d7e3ff, #00458f);--mat-sys-tertiary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-tertiary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-neutral-variant20: #3a2e26;--mat-sys-neutral10: #201a17;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-color-theme=deeporange-teal]{--mat-sys-background: light-dark(#fff8f6, #181211);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbeeec, #362f2e);--mat-sys-inverse-primary: light-dark(#ffb4a8, #c00100);--mat-sys-inverse-surface: light-dark(#362f2e, #ede0dd);--mat-sys-on-background: light-dark(#201a19, #ede0dd);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #690100);--mat-sys-on-primary-container: light-dark(#930100, #ffdad4);--mat-sys-on-primary-fixed: light-dark(#410000, #410000);--mat-sys-on-primary-fixed-variant: light-dark(#930100, #930100);--mat-sys-on-secondary: light-dark(#ffffff, #442925);--mat-sys-on-secondary-container: light-dark(#5d3f3b, #ffdad4);--mat-sys-on-secondary-fixed: light-dark(#2c1512, #2c1512);--mat-sys-on-secondary-fixed-variant: light-dark(#5d3f3b, #5d3f3b);--mat-sys-on-surface: light-dark(#201a19, #ede0dd);--mat-sys-on-surface-variant: light-dark(#534341, #f5ddda);--mat-sys-on-tertiary: light-dark(#ffffff, #003917);--mat-sys-on-tertiary-container: light-dark(#005225, #63ff94);--mat-sys-on-tertiary-fixed: light-dark(#00210b, #00210b);--mat-sys-on-tertiary-fixed-variant: light-dark(#005225, #005225);--mat-sys-outline: light-dark(#857370, #a08c89);--mat-sys-outline-variant: light-dark(#d8c2be, #534341);--mat-sys-primary: light-dark(#c00100, #ffb4a8);--mat-sys-primary-container: light-dark(#ffdad4, #930100);--mat-sys-primary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-primary-fixed-dim: light-dark(#ffb4a8, #ffb4a8);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#775651, #e7bdb6);--mat-sys-secondary-container: light-dark(#ffdad4, #5d3f3b);--mat-sys-secondary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-secondary-fixed-dim: light-dark(#e7bdb6, #e7bdb6);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f6, #181211);--mat-sys-surface-bright: light-dark(#fff8f6, #3f3737);--mat-sys-surface-container: light-dark(#f9ebe9, #251e1d);--mat-sys-surface-container-high: light-dark(#f3e5e4, #302828);--mat-sys-surface-container-highest: light-dark(#ede0dd, #3b3332);--mat-sys-surface-container-low: light-dark(#fef1ef, #201a19);--mat-sys-surface-container-lowest: light-dark(#ffffff, #130d0c);--mat-sys-surface-dim: light-dark(#e4d7d6, #181211);--mat-sys-surface-tint: light-dark(#c00100, #ffb4a8);--mat-sys-surface-variant: light-dark(#f5ddda, #534341);--mat-sys-tertiary: light-dark(#006d33, #00e472);--mat-sys-tertiary-container: light-dark(#63ff94, #005225);--mat-sys-tertiary-fixed: light-dark(#63ff94, #63ff94);--mat-sys-tertiary-fixed-dim: light-dark(#00e472, #00e472);--mat-sys-neutral-variant20: #3b2d2b;--mat-sys-neutral10: #201a19;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}[data-color-theme=gradient-modern]{--mat-sys-background: light-dark(#fef8fc, #151316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff4, #323033);--mat-sys-inverse-primary: light-dark(#d5baff, #7d00fa);--mat-sys-inverse-surface: light-dark(#323033, #e6e1e6);--mat-sys-on-background: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #42008a);--mat-sys-on-primary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-primary-fixed: light-dark(#270057, #270057);--mat-sys-on-primary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-on-secondary: light-dark(#ffffff, #352d40);--mat-sys-on-secondary-container: light-dark(#4b4357, #eadef7);--mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);--mat-sys-on-secondary-fixed-variant: light-dark(#4b4357, #4b4357);--mat-sys-on-surface: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-surface-variant: light-dark(#49454e, #e8e0eb);--mat-sys-on-tertiary: light-dark(#ffffff, #5b005b);--mat-sys-on-tertiary-container: light-dark(#810081, #ffd7f5);--mat-sys-on-tertiary-fixed: light-dark(#380038, #380038);--mat-sys-on-tertiary-fixed-variant: light-dark(#810081, #810081);--mat-sys-outline: light-dark(#7b757f, #958e99);--mat-sys-outline-variant: light-dark(#cbc4cf, #49454e);--mat-sys-primary: light-dark(#7d00fa, #d5baff);--mat-sys-primary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-primary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#645b70, #cec2db);--mat-sys-secondary-container: light-dark(#eadef7, #4b4357);--mat-sys-secondary-fixed: light-dark(#eadef7, #eadef7);--mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fef8fc, #151316);--mat-sys-surface-bright: light-dark(#fef8fc, #3b383c);--mat-sys-surface-container: light-dark(#f2ecf1, #211f22);--mat-sys-surface-container-high: light-dark(#ede6eb, #2b292d);--mat-sys-surface-container-highest: light-dark(#e6e1e6, #363437);--mat-sys-surface-container-low: light-dark(#f8f2f6, #1d1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);--mat-sys-surface-dim: light-dark(#ded8dd, #151316);--mat-sys-surface-tint: light-dark(#7d00fa, #d5baff);--mat-sys-surface-variant: light-dark(#e8e0eb, #49454e);--mat-sys-tertiary: light-dark(#a900a9, #ffabf3);--mat-sys-tertiary-container: light-dark(#ffd7f5, #810081);--mat-sys-tertiary-fixed: light-dark(#ffd7f5, #ffd7f5);--mat-sys-tertiary-fixed-dim: light-dark(#ffabf3, #ffabf3);--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow)}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}:root,[data-theme=light]{color-scheme:light}.dark-theme,[data-theme=dark]{color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]),body:not([data-theme=light]){color-scheme:dark}}:root,[data-theme=light]{--surface-canvas: var(--mat-sys-surface-container);--surface-1: var(--mat-sys-surface-container-lowest);--surface-2: var(--mat-sys-surface-container-low);--surface-3: var(--mat-sys-surface-container-high);--surface-sunken: var(--mat-sys-surface-container-highest)}.dark-theme,[data-theme=dark]{--surface-canvas: var(--mat-sys-surface-container-lowest);--surface-1: var(--mat-sys-surface-container-low);--surface-2: var(--mat-sys-surface-container);--surface-3: var(--mat-sys-surface-container-high);--surface-sunken: var(--mat-sys-surface-container-lowest)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]),body:not([data-theme=light]){--surface-canvas: var(--mat-sys-surface-container-lowest);--surface-1: var(--mat-sys-surface-container-low);--surface-2: var(--mat-sys-surface-container);--surface-3: var(--mat-sys-surface-container-high);--surface-sunken: var(--mat-sys-surface-container-lowest)}}:root{--primary: var(--mat-sys-primary);--on-primary: var(--mat-sys-on-primary);--primary-hover: color-mix(in srgb, var(--mat-sys-primary) 84%, var(--mat-sys-on-surface));--primary-soft: color-mix(in srgb, var(--mat-sys-primary) 10%, transparent);--primary-softer: color-mix(in srgb, var(--mat-sys-primary) 5%, transparent);--primary-border: color-mix(in srgb, var(--mat-sys-primary) 28%, transparent);--accent: var(--mat-sys-tertiary);--on-accent: var(--mat-sys-on-tertiary);--accent-soft: color-mix(in srgb, var(--mat-sys-tertiary) 12%, transparent);--text-primary: var(--mat-sys-on-surface);--text-secondary: var(--mat-sys-on-surface-variant);--text-tertiary: var(--mat-sys-outline);--text-disabled: color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent);--border-color: var(--mat-sys-outline-variant);--border-strong: var(--mat-sys-outline);--divider-color: color-mix(in srgb, var(--mat-sys-outline-variant) 60%, transparent);--danger: var(--mat-sys-error);--danger-soft: color-mix(in srgb, var(--mat-sys-error) 14%, transparent);--success: light-dark(#15803d, #6ee7a5);--success-soft: color-mix(in srgb, light-dark(#15803d, #6ee7a5) 14%, transparent);--warning: light-dark(#a16207, #fbbf5c);--warning-soft: color-mix(in srgb, light-dark(#a16207, #fbbf5c) 14%, transparent);--info: light-dark(#0369a1, #7dd3fc);--info-soft: color-mix(in srgb, light-dark(#0369a1, #7dd3fc) 14%, transparent);--row-hover: color-mix(in srgb, var(--mat-sys-primary) 7%, transparent);--row-active: color-mix(in srgb, var(--mat-sys-primary) 14%, transparent);--row-zebra: color-mix(in srgb, var(--mat-sys-on-surface) 3.5%, transparent);--shadow-sm: 0 1px 2px light-dark(rgba(22,32,46,.05), rgba(0,0,0,.4));--shadow-md: 0 2px 4px light-dark(rgba(22,32,46,.05), rgba(0,0,0,.3)), 0 6px 16px light-dark(rgba(22,32,46,.07), rgba(0,0,0,.45));--shadow-lg: 0 4px 8px light-dark(rgba(22,32,46,.06), rgba(0,0,0,.35)), 0 16px 32px light-dark(rgba(22,32,46,.1), rgba(0,0,0,.55));--shadow-key: 0 4px 14px color-mix(in srgb, var(--mat-sys-primary) 32%, transparent);--header-height: 48px;--header-bg: linear-gradient( 135deg, var(--mat-sys-primary) 0%, color-mix(in srgb, var(--mat-sys-tertiary) 60%, var(--mat-sys-primary)) 100% );--header-fg: var(--mat-sys-on-primary);--header-fg-muted: color-mix(in srgb, var(--mat-sys-on-primary) 72%, transparent);--header-hover: color-mix(in srgb, var(--mat-sys-on-primary) 16%, transparent);--header-chip: color-mix(in srgb, var(--mat-sys-on-primary) 22%, transparent);--footer-height: 36px;--footer-bg: var(--surface-2);--footer-fg: var(--text-secondary);--r-xs: 6px;--r-sm: 10px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.05, .7, .1, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--font-ui: var(--mat-sys-body-medium-font, "Open Sans", sans-serif);--font-num: "Roboto Mono", "SF Mono", ui-monospace, monospace}:root{--text-dark: var(--text-primary);--text-gray: var(--text-secondary);--text-light: var(--text-tertiary);--white: var(--surface-1);--surface-color: var(--surface-1);--bg-primary: var(--surface-1);--bg-secondary: var(--surface-2);--bg-tertiary: var(--surface-3);--primary-light: var(--primary-soft);--radius: var(--r-md);--runa-radius-card: var(--r-lg);--runa-radius-field: var(--r-md);--runa-shadow-card: var(--shadow-sm);--runa-shadow-card-hover: var(--shadow-md);--runa-row-hover: var(--row-hover);--runa-row-zebra: var(--row-zebra);--runa-page-bg: var(--surface-canvas);--theme-accent-light: var(--primary);--mat-primary-200: var(--primary)}html,body{height:100%;margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:var(--font-ui);background:var(--surface-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mat-sidenav-content,.mat-drawer-content,.page-wrap,.main-content,.dashboard-container{background:var(--surface-canvas);color:var(--text-primary)}body,.mat-mdc-card,.mat-toolbar,.mat-drawer,.compact-header,.compact-footer,.nav-item{transition:background-color var(--dur-slow) var(--ease),border-color var(--dur-slow) var(--ease),color var(--dur-slow) var(--ease)}.mat-mdc-card,.card-primary,.content-card,.kpi-card,.chart-card{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.mat-mdc-card.is-clickable,.kpi-card.is-clickable,.card-primary:has(mat-card-actions){cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.mat-mdc-card.is-clickable:hover,.kpi-card.is-clickable:hover,.card-primary:has(mat-card-actions):hover{box-shadow:var(--shadow-md);border-color:var(--primary-border);transform:translateY(-2px)}.mat-mdc-card-title,mat-card-title{font-size:1rem;font-weight:650;letter-spacing:-.006em;color:var(--text-primary)}.mat-mdc-card-subtitle,mat-card-subtitle{font-size:.78rem;color:var(--text-secondary)}.mat-mdc-card-header{border-bottom:1px solid var(--divider-color);padding:var(--sp-4) var(--sp-5)}.mat-mdc-table{background:var(--surface-1);border-radius:var(--r-md);width:100%}.mat-mdc-header-row{background:var(--surface-2);border-bottom:1px solid var(--border-color)}.mat-mdc-header-cell{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;padding:var(--sp-3) var(--sp-4)}.mat-mdc-row{transition:background-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.mat-mdc-row:nth-child(2n){background-color:var(--row-zebra)}.mat-mdc-row:hover{background-color:var(--row-hover);box-shadow:inset 3px 0 0 var(--primary)}.mat-mdc-row.is-selected{background-color:var(--row-active);box-shadow:inset 3px 0 0 var(--primary)}.mat-mdc-cell{color:var(--text-primary);font-size:.85rem;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--divider-color)}.mat-mdc-cell{font-variant-numeric:tabular-nums}.cell-num,td.mat-mdc-cell.cell-num{text-align:right;font-feature-settings:"tnum";font-family:var(--font-num);letter-spacing:-.01em}th.mat-sort-header-sorted,.mat-sort-header-arrow{color:var(--primary)}.mat-mdc-paginator{background:transparent;color:var(--text-secondary);border-top:1px solid var(--divider-color)}.no-data-cell,.nodata-cell{text-align:center;color:var(--text-secondary);font-style:normal;padding:var(--sp-8) var(--sp-5)}.mdc-notched-outline__leading{border-radius:var(--r-md) 0 0 var(--r-md)!important;border-color:var(--border-strong)!important}.mdc-notched-outline__trailing{border-radius:0 var(--r-md) var(--r-md) 0!important;border-color:var(--border-strong)!important}.mdc-notched-outline__notch{border-color:var(--border-strong)!important}.mat-mdc-form-field:hover .mdc-notched-outline__leading,.mat-mdc-form-field:hover .mdc-notched-outline__notch,.mat-mdc-form-field:hover .mdc-notched-outline__trailing{border-color:var(--text-tertiary)!important}.mdc-text-field--filled{background-color:var(--surface-sunken)!important;border-radius:var(--r-md) var(--r-md) 0 0!important}.mat-mdc-input-element,.mdc-text-field__input{color:var(--text-primary);caret-color:var(--primary)}.mat-mdc-input-element::placeholder{color:var(--text-tertiary)}.mdc-floating-label,.mat-mdc-floating-label{color:var(--text-secondary)}.mat-mdc-form-field.mat-focused .mdc-floating-label{color:var(--primary)}.mat-mdc-form-field-hint,.mat-mdc-form-field-subscript-wrapper{color:var(--text-tertiary)}.mat-mdc-form-field-icon-prefix mat-icon,.mat-mdc-form-field-icon-suffix mat-icon{color:var(--text-secondary)}.mat-mdc-select-value,.mat-mdc-select-arrow{color:var(--text-primary)}.mat-mdc-form-field-hint .inputb span,mat-hint.inputb span{color:var(--primary);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.mat-mdc-button,.mat-mdc-raised-button,.mat-mdc-unelevated-button,.mat-mdc-outlined-button{border-radius:var(--r-pill);letter-spacing:.005em;font-weight:600;transition:box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.mat-mdc-icon-button{border-radius:50%}.mat-mdc-outlined-button{border-color:var(--border-strong)}.mat-mdc-outlined-button:hover{background-color:var(--surface-3)}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary{box-shadow:var(--shadow-key)}.mat-mdc-raised-button:not(:disabled):active,.mat-mdc-unelevated-button:not(:disabled):active{transform:translateY(1px)}.mat-mdc-dialog-surface{border-radius:var(--r-xl)!important;background:var(--surface-1)!important;color:var(--text-primary);max-height:90vh}.mat-mdc-dialog-title{padding-top:var(--sp-2);border-bottom:1px solid var(--divider-color);color:var(--text-primary);font-weight:650}.mat-mdc-dialog-content{overflow-y:auto;-webkit-overflow-scrolling:touch;color:var(--text-primary)}.mat-mdc-dialog-actions{border-top:1px solid var(--divider-color);padding:var(--sp-3) var(--sp-4);gap:var(--sp-2)}.mat-mdc-menu-panel,.mat-mdc-autocomplete-panel,.mat-mdc-select-panel{border-radius:var(--r-md)!important;background:var(--surface-2)!important;border:1px solid var(--border-color);box-shadow:var(--shadow-lg)!important}.mat-mdc-menu-item,.mat-mdc-option{color:var(--text-primary)}.mat-mdc-menu-item mat-icon{color:var(--text-secondary)}.mat-mdc-menu-item:hover:not([disabled]),.mat-mdc-option:hover{background-color:var(--primary-soft)}.mat-mdc-menu-item[disabled],.mat-mdc-menu-item[disabled] mat-icon{color:var(--text-disabled)}.menu-item-warn .warn-icon,.menu-item-warn .warn-text,.logout-item,.logout-item mat-icon{color:var(--danger)}.menu-item-warn:hover:not([disabled]){background-color:var(--danger-soft)}.mat-mdc-snack-bar-container .mdc-snackbar__surface{border-radius:var(--r-md)!important}.mat-mdc-tooltip .mdc-tooltip__surface{font-size:.72rem;letter-spacing:.015em;border-radius:var(--r-xs)}.mat-toolbar{background:var(--surface-1);color:var(--text-primary);border-bottom:1px solid var(--border-color)}.mat-drawer,.drawer-content,.drawer-nav,.filter-drawer{background:var(--surface-1);border-right:1px solid var(--border-color)}.nav-item{color:var(--text-secondary);border-radius:var(--r-sm);position:relative;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.nav-item mat-icon{color:var(--text-tertiary)}.nav-item:hover{background-color:var(--primary-softer);color:var(--text-primary)}.nav-item.active{background-color:var(--primary-soft);color:var(--primary);font-weight:600}.nav-item.active mat-icon,.nav-item:hover mat-icon{color:var(--primary)}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 var(--r-xs) var(--r-xs) 0;background:var(--primary)}.section-label{color:var(--text-tertiary);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.compact-header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);min-height:40px;background:var(--surface-1);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.compact-header .spacer{flex:1}.compact-header .breadcrumbs{display:flex;align-items:center;gap:2px;font-size:.75rem;line-height:1;min-height:30px}.compact-header .breadcrumbs .link{cursor:pointer;color:var(--text-secondary);transition:color var(--dur-fast) var(--ease)}.compact-header .breadcrumbs .link:hover{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.compact-header .breadcrumbs .separator{font-size:16px;width:16px;height:16px;color:var(--text-tertiary)}.compact-header .breadcrumbs .current{font-weight:600;color:var(--text-primary)}@media(max-width:599.98px){.compact-header .breadcrumbs .link,.compact-header .breadcrumbs .separator{display:none}}.compact-footer{background:var(--surface-2);color:var(--text-secondary);border-top:1px solid var(--border-color)}.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:.69rem;font-weight:700;padding:3px 10px 3px 7px;border-radius:var(--r-pill);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.status-pill .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-pill.is-neutral,.status-pill.status-pending{background:var(--surface-3);color:var(--text-secondary)}.status-pill.is-info,.status-pill.status-onway{background:var(--info-soft);color:var(--info)}.status-pill.is-warning,.status-pill.status-working{background:var(--warning-soft);color:var(--warning)}.status-pill.is-success{background:var(--success-soft);color:var(--success)}.status-pill.is-danger{background:var(--danger-soft);color:var(--danger)}.mat-mdc-standard-chip,.dnit-chip,.voucher-chip,.status-chip,.busmod-chip,.code-badge{border-radius:var(--r-xs);background:var(--surface-3);color:var(--text-primary)}.dashboard-container{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5)}.kpi-card{padding:var(--sp-5);display:flex;align-items:center;gap:var(--sp-4)}.kpi-card .kpi-label{font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.kpi-card .kpi-value{font-size:1.45rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums}.ai-header{background:var(--surface-1);padding:var(--sp-4) var(--sp-5);border:1px solid var(--border-color);border-left:3px solid var(--primary);border-radius:0 var(--r-lg) var(--r-lg) 0}.ai-header .ai-title{font-size:1rem;font-weight:650;color:var(--text-primary)}.ai-header .ai-subtitle{font-size:.75rem;color:var(--text-secondary)}.ai-header .ai-row{border-color:var(--divider-color)}.ai-header .ai-row__name{color:var(--text-primary)}.ai-header .ai-stat{color:var(--text-secondary)}.summary-bar{background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--r-md)}.summary-bar .label{color:var(--text-secondary)}.summary-bar .value{color:var(--text-primary);font-variant-numeric:tabular-nums}.summary-bar .value.highlight{color:var(--primary)}.summary-divider{background-color:var(--divider-color)}.pc-container{background:var(--surface-canvas);color:var(--text-primary)}.pc-bulk-panel{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--r-lg);color:var(--text-primary)}.pc-bulk-panel.preview-mode{background:var(--warning-soft);border-color:var(--warning)}.mode-chip{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--r-md);transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.mode-chip .mode-chip-title{color:var(--text-primary);font-weight:600}.mode-chip .mode-chip-desc{color:var(--text-secondary)}.mode-chip mat-icon{color:var(--text-tertiary)}.mode-chip:hover:not(.disabled):not(.active){border-color:var(--border-strong)}.mode-chip.active{background:var(--primary-soft);border-color:var(--primary)}.mode-chip.active .mode-chip-title{color:var(--primary)}.mode-chip.active .mode-chip-desc{color:var(--text-secondary)}.mode-chip.active mat-icon{color:var(--primary)}.chip-formula{background:var(--surface-3);color:var(--text-secondary)}.bulk-summary{background:var(--surface-2);border-color:var(--border-color);color:var(--text-secondary)}.bulk-summary strong{color:var(--text-primary)}.pc-table-wrap{background:var(--surface-1);border-radius:var(--r-md)}.pc-table{background:var(--surface-1)}.cur,.cur-suffix,.cost-pyg{color:var(--text-tertiary)}.amount.old{color:var(--text-tertiary);text-decoration:line-through}.amount.new{color:var(--success);font-weight:600}.row-editing{background:var(--primary-soft)}.row-preview td{background:var(--warning-soft)}.footer-card,.totals-block,.tax-breakdown,.pay-content,.add-item-bar,.confirmation-card,.info-card,.machine-item,.stock-item{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--r-lg)}.info-card.highlight{background:var(--primary-soft);border-color:var(--primary-border)}.stock-item.critical{background:var(--danger-soft);border-color:var(--danger)}.grand-total-label{color:var(--text-secondary)}.amount,.price-value,.percent-value,.item-total{color:var(--text-primary);font-family:var(--font-num);font-variant-numeric:tabular-nums}.item-total{color:var(--success);font-weight:700}.total-hero-card,.ticket-card-mobile{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--r-lg)}.obs-text,.track-obs{background:var(--surface-2);border-left:3px solid var(--border-strong);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--text-secondary)}.info-label,.detail-msg,.detail-time,.stock-brand,.stock-code,.track-date,.track-person,.qty-min{color:var(--text-secondary)}.info-value,.stock-name,.track-status,.section-title,.toolbar-title,.detail-title,.form-section-title,.form-section-label{color:var(--text-primary)}.info-value.accent{color:var(--primary)}.info-value.total{color:var(--success)}.doc-loading-overlay{background:color-mix(in srgb,var(--surface-canvas) 80%,transparent)}.doc-loading-card{background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.doc-loading-text{color:var(--text-primary)}.doc-loading-hint{color:var(--text-secondary)}.mat-mdc-tab-group,.mat-mdc-tab-header,.mat-mdc-tab-nav-bar{background:transparent}.mat-mdc-tab-header{border-bottom:1px solid var(--border-color)}.mdc-tab__text-label{color:var(--text-secondary)}.mdc-tab--active .mdc-tab__text-label{color:var(--primary);font-weight:600}.mdc-tab-indicator__content--underline{border-color:var(--primary)}.mat-mdc-tab-body-content{background:transparent;color:var(--text-primary)}.mat-button-toggle-group{background:var(--surface-2);border:1px solid var(--border-color);border-radius:var(--r-pill);overflow:hidden}.mat-button-toggle{background:transparent;color:var(--text-secondary);border:none}.mat-button-toggle mat-icon{color:var(--text-secondary)}.mat-button-toggle-checked{background:var(--primary-soft);color:var(--primary)}.mat-button-toggle-checked mat-icon{color:var(--primary)}mat-checkbox .mdc-label,mat-slide-toggle .mdc-label,mat-slide-toggle label{color:var(--text-primary)}mat-checkbox .mdc-checkbox__background{border-color:var(--border-strong)}.mat-mdc-progress-bar{border-radius:var(--r-xs);overflow:hidden}.mat-divider{border-top-color:var(--divider-color)}.mega-menu-panel.mat-mdc-menu-panel{min-width:320px;border-radius:var(--r-lg)!important;padding:0}.mega-menu-content{padding:var(--sp-5);background:var(--surface-2)}.mega-menu-content .menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-5)}.menu-category{display:flex;flex-direction:column;gap:var(--sp-1)}.menu-category.highlight-category{background:var(--primary-soft);border-radius:var(--r-sm);padding:var(--sp-3)}.menu-category.highlight-category .category-title{color:var(--primary)}.menu-category .category-title{font-size:.68rem;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 var(--sp-2) var(--sp-3);font-weight:700;letter-spacing:.06em}.menu-category button.mat-mdc-menu-item{height:40px;line-height:40px;border-radius:var(--r-sm);color:var(--text-primary);font-size:.88rem}.menu-category button.mat-mdc-menu-item mat-icon{margin-right:var(--sp-3);color:var(--text-tertiary);font-size:20px}.menu-category button.mat-mdc-menu-item:hover{background-color:var(--primary-soft);color:var(--primary)}.menu-category button.mat-mdc-menu-item:hover mat-icon{color:var(--primary)}.user-menu-header{padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;gap:var(--sp-3);background:var(--primary-soft);border-bottom:1px solid var(--border-color);outline:none}.user-menu-header .user-menu-avatar{width:44px;height:44px;border-radius:50%}.user-menu-header .user-menu-name{font-weight:650;color:var(--text-primary)}.user-menu-header .user-menu-role{font-size:.78rem;color:var(--text-secondary)}.login-wrapper{background:var(--surface-canvas)}.login-card{background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.login-title{color:var(--text-primary)}.login-subtitle{color:var(--text-secondary)}.forgot-link{color:var(--primary)}.brand-mark{background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary-border);border-radius:var(--r-md)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-xs)}.mat-mdc-table,.mat-drawer,.drawer-nav,.main-content,.table-container,.mat-mdc-dialog-content,.mat-mdc-menu-panel,.mat-mdc-select-panel{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.mat-mdc-table::-webkit-scrollbar,.mat-drawer::-webkit-scrollbar,.drawer-nav::-webkit-scrollbar,.main-content::-webkit-scrollbar,.table-container::-webkit-scrollbar,.mat-mdc-dialog-content::-webkit-scrollbar,.mat-mdc-menu-panel::-webkit-scrollbar,.mat-mdc-select-panel::-webkit-scrollbar{width:8px;height:8px}.mat-mdc-table::-webkit-scrollbar-thumb,.mat-drawer::-webkit-scrollbar-thumb,.drawer-nav::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb,.mat-mdc-dialog-content::-webkit-scrollbar-thumb,.mat-mdc-menu-panel::-webkit-scrollbar-thumb,.mat-mdc-select-panel::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-xs)}.mat-mdc-table::-webkit-scrollbar-track,.mat-drawer::-webkit-scrollbar-track,.drawer-nav::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track,.mat-mdc-dialog-content::-webkit-scrollbar-track,.mat-mdc-menu-panel::-webkit-scrollbar-track,.mat-mdc-select-panel::-webkit-scrollbar-track{background:transparent}.mat-mdc-table::-webkit-scrollbar-thumb:hover,.mat-drawer::-webkit-scrollbar-thumb:hover,.drawer-nav::-webkit-scrollbar-thumb:hover,.main-content::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover,.mat-mdc-dialog-content::-webkit-scrollbar-thumb:hover,.mat-mdc-menu-panel::-webkit-scrollbar-thumb:hover,.mat-mdc-select-panel::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(prefers-reduced-motion:reduce){.skeleton-block,.fade-in-wrapper,.dot{animation:none!important}}.action-group{display:flex;align-items:center;gap:var(--sp-3)}.actions-container{display:flex;align-items:center;gap:var(--sp-1)}.cell-stack{display:flex;flex-direction:column;gap:2px}.cell-content{display:flex;align-items:center}.cell-secondary{font-size:.74rem;color:var(--text-secondary);line-height:1.25}.record-count{font-size:.74rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.mono{font-family:var(--font-num);letter-spacing:-.01em}.spacer,.flex-spacer{flex:1 1 auto}.centre{text-align:center}.bold{font-weight:600}.no-padding{padding:0!important}.truncate-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;display:block}.w-30{width:30%}.w-50{width:50%}.w-70{width:70%}.w-100{width:100%}.avatar-product{background-size:cover;height:60px;width:60px;flex-shrink:0;border-radius:50%;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.skeleton-block,.skel{border-radius:var(--r-xs);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:runa-shimmer 1.4s linear infinite}.skeleton-block{height:14px;display:inline-block}@keyframes runa-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in-wrapper{animation:runa-fade-in var(--dur-slow) var(--ease-out)}@keyframes runa-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dense-search{width:100%;font-size:.88rem}.dense-search .mat-mdc-form-field-flex{height:40px!important;align-items:center!important;padding:0 var(--sp-3)!important}.dense-search .mat-mdc-form-field-infix{padding:0!important;min-height:unset!important;height:auto!important;display:flex!important;border-top:none!important}.dense-search input.mat-mdc-input-element{margin-top:0!important;transform:translateY(1px)}.dense-search mat-icon{display:flex!important;align-items:center;justify-content:center;font-size:20px;width:20px;height:20px;color:var(--text-secondary)}.dense-search .mat-mdc-form-field-icon-prefix,.dense-search .mat-mdc-form-field-icon-suffix{padding:0!important;display:flex!important;align-items:center!important;height:100%!important}.dense-search .mat-mdc-form-field-icon-prefix{margin-right:var(--sp-2)}.dense-search a[mat-icon-button][matSuffix]{width:24px!important;height:24px!important;line-height:24px!important;padding:0!important;margin-left:var(--sp-1);display:flex;align-items:center;justify-content:center}.dense-search a[mat-icon-button][matSuffix] mat-icon{font-size:18px;width:18px;height:18px}.table-container{display:flex;flex-direction:column;min-width:300px;min-height:200px;position:relative;overflow:auto}.mobile-label{display:none}@media(max-width:600px){.mobile-label{width:80px;display:inline-block;font-weight:600;color:var(--text-secondary);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.mat-mdc-header-row{display:none}.mat-mdc-row{flex-direction:column;align-items:start;padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-2);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--r-md)}.mat-mdc-row:hover{box-shadow:none;border-color:var(--primary-border)}.mat-mdc-cell{border-bottom:none;padding:var(--sp-1) 0;width:100%}.dashboard-container{padding:var(--sp-4)}}.loading-shade-table{position:absolute;inset:0 0 56px;background:color-mix(in srgb,var(--surface-canvas) 60%,transparent);backdrop-filter:blur(1px);z-index:1;display:flex;align-items:center;justify-content:center}.spinner-container{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}.app-loading{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--surface-canvas);overflow:hidden}.app-loading__glow{position:absolute;width:320px;height:320px;border-radius:50%;background:var(--header-bg);filter:blur(64px);opacity:.22;animation:runa-glow-pulse 3.2s ease-in-out infinite}.app-loading__mark{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-lg);background:var(--header-bg);box-shadow:var(--shadow-key);color:var(--mat-sys-on-primary);font-family:var(--font-ui);font-weight:800;font-size:1.5rem;letter-spacing:-.02em;animation:runa-mark-breathe 2.4s var(--ease-out) infinite}.dots-wrapper{display:flex;gap:var(--sp-2);margin-top:var(--sp-6)}.dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:runa-dot-wave 1.2s ease-in-out infinite}.dot:nth-child(1){animation-delay:0ms}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}.loading-container{margin-top:var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:2px}.loading-text{color:var(--text-primary);font-family:var(--font-ui);font-weight:600;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase}.loading-subtext{color:var(--text-tertiary);font-family:var(--font-ui);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}@keyframes runa-glow-pulse{0%,to{opacity:.16;transform:scale(.94)}50%{opacity:.28;transform:scale(1.04)}}@keyframes runa-mark-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes runa-dot-wave{0%,60%,to{opacity:.35;transform:scale(.85)}30%{opacity:1;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.app-loading__glow,.app-loading__mark{animation:none}.dot{animation-duration:1.6s}}.fx-row{display:flex;flex-direction:row;box-sizing:border-box}.fx-col{display:flex;flex-direction:column;box-sizing:border-box}.fx-wrap{flex-wrap:wrap}.fx-a-center{justify-content:center}.fx-a-center-center{justify-content:center;align-items:center}.fx-a-center-start{justify-content:center;align-items:flex-start}.fx-a-center-end{justify-content:center;align-items:flex-end}.fx-a-start-center{justify-content:flex-start;align-items:center}.fx-a-start-start{justify-content:flex-start;align-items:flex-start}.fx-a-start-end{justify-content:flex-start;align-items:flex-end}.fx-a-end-center{justify-content:flex-end;align-items:center}.fx-a-between-center{justify-content:space-between;align-items:center}.fx-gap-0{gap:0}.fx-gap-2{gap:2px}.fx-gap-5{gap:5px}.fx-gap-8{gap:8px}.fx-gap-10{gap:10px}.fx-gap-12{gap:12px}.fx-gap-15{gap:15px}.fx-gap-16{gap:16px}.fx-gap-20{gap:20px}.fx-gap-05p{gap:.5%}.fx-gapgrid-8{display:flex;flex-wrap:wrap;box-sizing:border-box;margin:-4px}.fx-gapgrid-8>*{padding:4px;box-sizing:border-box}.fx-flex{flex:1 1 0%;box-sizing:border-box;min-width:0}.fx-flex-25{flex:1 1 100%;box-sizing:border-box;max-width:25%}.fx-flex-35{flex:1 1 100%;box-sizing:border-box;max-width:35%}.fx-flex-100{flex:1 1 100%;box-sizing:border-box;max-width:100%}.fx-flex-none{flex:0 0 auto;box-sizing:border-box}.fx-flex-140px{flex:1 1 140px;box-sizing:border-box}.fx-flex-c40m8{flex:0 0 calc(40% - 8px);box-sizing:border-box}.fx-flex-c35m8{flex:0 0 calc(35% - 8px);box-sizing:border-box}.fx-self-center{align-self:center}.fx-order-5{order:5}.fx-order-10{order:10}@media(max-width:599.98px){.fx-xs-col{display:flex;flex-direction:column}.fx-xs-flex-100{flex:1 1 100%;box-sizing:border-box;max-width:100%}}@media(min-width:600px)and (max-width:959.98px){.fx-sm-flex-33{flex:1 1 100%;box-sizing:border-box;max-width:33%}.fx-sm-flex-50{flex:1 1 100%;box-sizing:border-box;max-width:50%}}@media(min-width:960px)and (max-width:1279.98px){.fx-md-flex-33{flex:1 1 100%;box-sizing:border-box;max-width:33%}}@media(max-width:959.98px){.fx-ltmd-col{display:flex;flex-direction:column}.fx-ltmd-colrev{display:flex;flex-direction:column-reverse}.fx-ltmd-gap-2{gap:2px}.fx-ltmd-gap-0{gap:0}}@media(min-width:600px){.fx-gtxs-row{display:flex;flex-direction:row}.fx-gtxs-flex-50{flex:1 1 100%;box-sizing:border-box;max-width:50%}.fx-gtxs-flex-100{flex:1 1 100%;box-sizing:border-box;max-width:100%}}@media(min-width:960px){.fx-gtsm-flex-50{flex:1 1 100%;box-sizing:border-box;max-width:50%}.fx-gtsm-flex-100{flex:1 1 100%;box-sizing:border-box;max-width:100%}}@media(min-width:1280px){.fx-hide-gtmd{display:none!important}}@media(max-width:959.98px){.fx-hide-ltmd{display:none!important}}