html{color-scheme:light;--mat-sys-background: light-dark(#f0fcf5, #0b1511);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#e7f4ec, #28332e);--mat-sys-inverse-primary: light-dark(#62de87, #006d34);--mat-sys-inverse-surface: light-dark(#28332e, #d9e5de);--mat-sys-on-background: light-dark(#131e19, #d9e5de);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003918);--mat-sys-on-primary-container: light-dark(#005226, #80fba1);--mat-sys-on-primary-fixed: light-dark(#00210b, #00210b);--mat-sys-on-primary-fixed-variant: light-dark(#005226, #005226);--mat-sys-on-secondary: light-dark(#ffffff, #0a381b);--mat-sys-on-secondary-container: light-dark(#244f30, #bdefc3);--mat-sys-on-secondary-fixed: light-dark(#00210b, #00210b);--mat-sys-on-secondary-fixed-variant: light-dark(#244f30, #244f30);--mat-sys-on-surface: light-dark(#131e19, #d9e5de);--mat-sys-on-surface-variant: light-dark(#3e4a3e, #d9e6d7);--mat-sys-on-tertiary: light-dark(#ffffff, #422c00);--mat-sys-on-tertiary-container: light-dark(#5f4100, #ffdea9);--mat-sys-on-tertiary-fixed: light-dark(#271900, #271900);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f4100, #5f4100);--mat-sys-outline: light-dark(#6d7a6d, #879486);--mat-sys-outline-variant: light-dark(#bdcabb, #3e4a3e);--mat-sys-primary: light-dark(#006d34, #62de87);--mat-sys-primary-container: light-dark(#80fba1, #005226);--mat-sys-primary-fixed: light-dark(#80fba1, #80fba1);--mat-sys-primary-fixed-dim: light-dark(#62de87, #62de87);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#3c6846, #a2d2a8);--mat-sys-secondary-container: light-dark(#bdefc3, #244f30);--mat-sys-secondary-fixed: light-dark(#bdefc3, #bdefc3);--mat-sys-secondary-fixed-dim: light-dark(#a2d2a8, #a2d2a8);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f0fcf5, #0b1511);--mat-sys-surface-bright: light-dark(#f0fcf5, #303c37);--mat-sys-surface-container: light-dark(#e4f1e9, #17221d);--mat-sys-surface-container-high: light-dark(#dfebe4, #212c28);--mat-sys-surface-container-highest: light-dark(#d9e5de, #2c3732);--mat-sys-surface-container-low: light-dark(#eaf7ef, #131e19);--mat-sys-surface-container-lowest: light-dark(#ffffff, #06100c);--mat-sys-surface-dim: light-dark(#d0ddd6, #0b1511);--mat-sys-surface-tint: light-dark(#006d34, #62de87);--mat-sys-surface-variant: light-dark(#d9e6d7, #3e4a3e);--mat-sys-tertiary: light-dark(#7d5800, #ffba2a);--mat-sys-tertiary-container: light-dark(#ffdea9, #5f4100);--mat-sys-tertiary-fixed: light-dark(#ffdea9, #ffdea9);--mat-sys-tertiary-fixed-dim: light-dark(#ffba2a, #ffba2a);--mat-sys-neutral-variant20: #273329;--mat-sys-neutral10: #131e19;--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 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-body-large-font: Inter, system-ui, -apple-system, "Segoe UI", 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 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-body-medium-font: Inter, system-ui, -apple-system, "Segoe UI", 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 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-body-small-font: Inter, system-ui, -apple-system, "Segoe UI", 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 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-display-large-font: Inter, system-ui, -apple-system, "Segoe UI", 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 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-display-medium-font: Inter, system-ui, -apple-system, "Segoe UI", 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 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-display-small-font: Inter, system-ui, -apple-system, "Segoe UI", 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 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-headline-large-font: Inter, system-ui, -apple-system, "Segoe UI", 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 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-headline-medium-font: Inter, system-ui, -apple-system, "Segoe UI", 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 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-headline-small-font: Inter, system-ui, -apple-system, "Segoe UI", 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: 500 .875rem / 1.25rem Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-label-large-font: Inter, system-ui, -apple-system, "Segoe UI", 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: 500;--mat-sys-label-large-weight-prominent: 600;--mat-sys-label-medium: 500 .75rem / 1rem Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-label-medium-font: Inter, system-ui, -apple-system, "Segoe UI", 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: 500;--mat-sys-label-medium-weight-prominent: 600;--mat-sys-label-small: 500 .688rem / 1rem Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-label-small-font: Inter, system-ui, -apple-system, "Segoe UI", 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: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-title-large-font: Inter, system-ui, -apple-system, "Segoe UI", 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: 500 1rem / 1.5rem Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-title-medium-font: Inter, system-ui, -apple-system, "Segoe UI", 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: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mat-sys-title-small-font: Inter, system-ui, -apple-system, "Segoe UI", 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: 500;--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}html[data-density=compact]{--mat-checkbox-touch-target-display: none;--mat-checkbox-state-layer-size: 32px;--mat-chip-container-height: 24px;--mat-chip-touch-target-display: none;--mat-expansion-header-collapsed-state-height: 40px;--mat-expansion-header-expanded-state-height: 56px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: none;--mat-button-filled-touch-target-display: none;--mat-button-filled-container-height: 32px;--mat-button-outlined-container-height: 32px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-touch-target-display: none;--mat-button-protected-container-height: 32px;--mat-button-text-touch-target-display: none;--mat-button-text-container-height: 32px;--mat-button-tonal-container-height: 32px;--mat-button-tonal-touch-target-display: none;--mat-form-field-container-height: 48px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 12px;--mat-form-field-filled-with-label-container-padding-top: 12px;--mat-form-field-filled-with-label-container-padding-bottom: 12px;--mat-icon-button-touch-target-display: none;--mat-icon-button-state-layer-size: 32px;--mat-list-list-item-leading-icon-start-space: 8px;--mat-list-list-item-leading-icon-end-space: 8px;--mat-list-list-item-one-line-container-height: 40px;--mat-list-list-item-two-line-container-height: 56px;--mat-list-list-item-three-line-container-height: 80px;--mat-paginator-container-size: 48px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: none;--mat-radio-touch-target-display: none;--mat-radio-state-layer-size: 32px;--mat-tab-container-height: 40px;--mat-select-arrow-transform: none;--mat-button-toggle-height: 40px;--mat-stepper-header-height: 64px;--mat-table-header-container-height: 48px;--mat-table-footer-container-height: 44px;--mat-table-row-item-container-height: 44px;--mat-toolbar-standard-height: 56px;--mat-toolbar-mobile-height: 48px;--mat-tree-node-min-height: 40px;--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}html[data-accent=ocean]{--mat-sys-background: light-dark(#f9f9ff, #111319);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff0f9, #2e3037);--mat-sys-inverse-primary: light-dark(#a9c7ff, #005db7);--mat-sys-inverse-surface: light-dark(#2e3037, #e1e2ea);--mat-sys-on-background: light-dark(#191c21, #e1e2ea);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003063);--mat-sys-on-primary-container: light-dark(#00468c, #d6e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3d, #001b3d);--mat-sys-on-primary-fixed-variant: light-dark(#00468c, #00468c);--mat-sys-on-secondary: light-dark(#ffffff, #1b3052);--mat-sys-on-secondary-container: light-dark(#32476a, #d6e3ff);--mat-sys-on-secondary-fixed: light-dark(#021b3c, #021b3c);--mat-sys-on-secondary-fixed-variant: light-dark(#32476a, #32476a);--mat-sys-on-surface: light-dark(#191c21, #e1e2ea);--mat-sys-on-surface-variant: light-dark(#424752, #dee2f0);--mat-sys-on-tertiary: light-dark(#ffffff, #422c00);--mat-sys-on-tertiary-container: light-dark(#5f4100, #ffdea9);--mat-sys-on-tertiary-fixed: light-dark(#271900, #271900);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f4100, #5f4100);--mat-sys-outline: light-dark(#727783, #8c919d);--mat-sys-outline-variant: light-dark(#c2c6d4, #424752);--mat-sys-primary: light-dark(#005db7, #a9c7ff);--mat-sys-primary-container: light-dark(#d6e3ff, #00468c);--mat-sys-primary-fixed: light-dark(#d6e3ff, #d6e3ff);--mat-sys-primary-fixed-dim: light-dark(#a9c7ff, #a9c7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4a5f83, #b2c7f1);--mat-sys-secondary-container: light-dark(#d6e3ff, #32476a);--mat-sys-secondary-fixed: light-dark(#d6e3ff, #d6e3ff);--mat-sys-secondary-fixed-dim: light-dark(#b2c7f1, #b2c7f1);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9f9ff, #111319);--mat-sys-surface-bright: light-dark(#f9f9ff, #37393f);--mat-sys-surface-container: light-dark(#ecedf6, #1d2025);--mat-sys-surface-container-high: light-dark(#e7e8f0, #272a30);--mat-sys-surface-container-highest: light-dark(#e1e2ea, #32353b);--mat-sys-surface-container-low: light-dark(#f2f3fb, #191c21);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0e14);--mat-sys-surface-dim: light-dark(#d8dae2, #111319);--mat-sys-surface-tint: light-dark(#005db7, #a9c7ff);--mat-sys-surface-variant: light-dark(#dee2f0, #424752);--mat-sys-tertiary: light-dark(#7d5800, #ffba2a);--mat-sys-tertiary-container: light-dark(#ffdea9, #5f4100);--mat-sys-tertiary-fixed: light-dark(#ffdea9, #ffdea9);--mat-sys-tertiary-fixed-dim: light-dark(#ffba2a, #ffba2a);--mat-sys-neutral-variant20: #2b303b;--mat-sys-neutral10: #191c21;--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}html[data-accent=violet]{--mat-sys-background: light-dark(#fdf7ff, #141218);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff7, #322f35);--mat-sys-inverse-primary: light-dark(#cfbcff, #6750a4);--mat-sys-inverse-surface: light-dark(#322f35, #e6e0e9);--mat-sys-on-background: light-dark(#1d1b20, #e6e0e9);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #381e72);--mat-sys-on-primary-container: light-dark(#4f378a, #e9ddff);--mat-sys-on-primary-fixed: light-dark(#22005d, #22005d);--mat-sys-on-primary-fixed-variant: light-dark(#4f378a, #4f378a);--mat-sys-on-secondary: light-dark(#ffffff, #342b4b);--mat-sys-on-secondary-container: light-dark(#4b4263, #e9ddff);--mat-sys-on-secondary-fixed: light-dark(#1f1635, #1f1635);--mat-sys-on-secondary-fixed-variant: light-dark(#4b4263, #4b4263);--mat-sys-on-surface: light-dark(#1d1b20, #e6e0e9);--mat-sys-on-surface-variant: light-dark(#494551, #e7e0ee);--mat-sys-on-tertiary: light-dark(#ffffff, #422c00);--mat-sys-on-tertiary-container: light-dark(#5f4100, #ffdea9);--mat-sys-on-tertiary-fixed: light-dark(#271900, #271900);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f4100, #5f4100);--mat-sys-outline: light-dark(#7a7582, #948e9c);--mat-sys-outline-variant: light-dark(#cbc4d2, #494551);--mat-sys-primary: light-dark(#6750a4, #cfbcff);--mat-sys-primary-container: light-dark(#e9ddff, #4f378a);--mat-sys-primary-fixed: light-dark(#e9ddff, #e9ddff);--mat-sys-primary-fixed-dim: light-dark(#cfbcff, #cfbcff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#63597c, #cdc0e9);--mat-sys-secondary-container: light-dark(#e9ddff, #4b4263);--mat-sys-secondary-fixed: light-dark(#e9ddff, #e9ddff);--mat-sys-secondary-fixed-dim: light-dark(#cdc0e9, #cdc0e9);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fdf7ff, #141218);--mat-sys-surface-bright: light-dark(#fdf7ff, #3b383e);--mat-sys-surface-container: light-dark(#f2ecf4, #211f24);--mat-sys-surface-container-high: light-dark(#ece6ee, #2b292f);--mat-sys-surface-container-highest: light-dark(#e6e0e9, #36343a);--mat-sys-surface-container-low: light-dark(#f8f2fa, #1d1b20);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d13);--mat-sys-surface-dim: light-dark(#ded8e0, #141218);--mat-sys-surface-tint: light-dark(#6750a4, #cfbcff);--mat-sys-surface-variant: light-dark(#e7e0ee, #494551);--mat-sys-tertiary: light-dark(#7d5800, #ffba2a);--mat-sys-tertiary-container: light-dark(#ffdea9, #5f4100);--mat-sys-tertiary-fixed: light-dark(#ffdea9, #ffdea9);--mat-sys-tertiary-fixed-dim: light-dark(#ffba2a, #ffba2a);--mat-sys-neutral-variant20: #322f3a;--mat-sys-neutral10: #1d1b20;--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}html[data-accent=rose]{--mat-sys-background: light-dark(#fff8f7, #1d1012);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#ffecee, #3d2c2f);--mat-sys-inverse-primary: light-dark(#ffb1c2, #b90c55);--mat-sys-inverse-surface: light-dark(#3d2c2f, #f7dce0);--mat-sys-on-background: light-dark(#26181b, #f7dce0);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #66002b);--mat-sys-on-primary-container: light-dark(#8f003f, #ffd9df);--mat-sys-on-primary-fixed: light-dark(#3f0018, #3f0018);--mat-sys-on-primary-fixed-variant: light-dark(#8f003f, #8f003f);--mat-sys-on-secondary: light-dark(#ffffff, #600e2c);--mat-sys-on-secondary-container: light-dark(#7e2642, #ffd9df);--mat-sys-on-secondary-fixed: light-dark(#3f0018, #3f0018);--mat-sys-on-secondary-fixed-variant: light-dark(#7e2642, #7e2642);--mat-sys-on-surface: light-dark(#26181b, #f7dce0);--mat-sys-on-surface-variant: light-dark(#594045, #fed9df);--mat-sys-on-tertiary: light-dark(#ffffff, #422c00);--mat-sys-on-tertiary-container: light-dark(#5f4100, #ffdea9);--mat-sys-on-tertiary-fixed: light-dark(#271900, #271900);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f4100, #5f4100);--mat-sys-outline: light-dark(#8d6f75, #a8898e);--mat-sys-outline-variant: light-dark(#e1bec4, #594045);--mat-sys-primary: light-dark(#b90c55, #ffb1c2);--mat-sys-primary-container: light-dark(#ffd9df, #8f003f);--mat-sys-primary-fixed: light-dark(#ffd9df, #ffd9df);--mat-sys-primary-fixed-dim: light-dark(#ffb1c2, #ffb1c2);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#9c3e59, #ffb1c2);--mat-sys-secondary-container: light-dark(#ffd9df, #7e2642);--mat-sys-secondary-fixed: light-dark(#ffd9df, #ffd9df);--mat-sys-secondary-fixed-dim: light-dark(#ffb1c2, #ffb1c2);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f7, #1d1012);--mat-sys-surface-bright: light-dark(#fff8f7, #463538);--mat-sys-surface-container: light-dark(#ffe8eb, #2b1c1f);--mat-sys-surface-container-high: light-dark(#fde2e5, #362629);--mat-sys-surface-container-highest: light-dark(#f7dce0, #413034);--mat-sys-surface-container-low: light-dark(#fff0f1, #26181b);--mat-sys-surface-container-lowest: light-dark(#ffffff, #170a0d);--mat-sys-surface-dim: light-dark(#eed4d7, #1d1012);--mat-sys-surface-tint: light-dark(#b90c55, #ffb1c2);--mat-sys-surface-variant: light-dark(#fed9df, #594045);--mat-sys-tertiary: light-dark(#7d5800, #ffba2a);--mat-sys-tertiary-container: light-dark(#ffdea9, #5f4100);--mat-sys-tertiary-fixed: light-dark(#ffdea9, #ffdea9);--mat-sys-tertiary-fixed-dim: light-dark(#ffba2a, #ffba2a);--mat-sys-neutral-variant20: #412a2f;--mat-sys-neutral10: #26181b;--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}html[data-accent=teal]{--mat-sys-background: light-dark(#f6faf8, #0f1413);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#edf2ef, #2c3130);--mat-sys-inverse-primary: light-dark(#70d8c8, #006b5f);--mat-sys-inverse-surface: light-dark(#2c3130, #dfe4e1);--mat-sys-on-background: light-dark(#171d1b, #dfe4e1);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003731);--mat-sys-on-primary-container: light-dark(#005048, #8df5e4);--mat-sys-on-primary-fixed: light-dark(#00201c, #00201c);--mat-sys-on-primary-fixed-variant: light-dark(#005048, #005048);--mat-sys-on-secondary: light-dark(#ffffff, #103631);--mat-sys-on-secondary-container: light-dark(#294d47, #c3ebe2);--mat-sys-on-secondary-fixed: light-dark(#00201c, #00201c);--mat-sys-on-secondary-fixed-variant: light-dark(#294d47, #294d47);--mat-sys-on-surface: light-dark(#171d1b, #dfe4e1);--mat-sys-on-surface-variant: light-dark(#3d4946, #d8e5e1);--mat-sys-on-tertiary: light-dark(#ffffff, #422c00);--mat-sys-on-tertiary-container: light-dark(#5f4100, #ffdea9);--mat-sys-on-tertiary-fixed: light-dark(#271900, #271900);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f4100, #5f4100);--mat-sys-outline: light-dark(#6d7a77, #879390);--mat-sys-outline-variant: light-dark(#bcc9c5, #3d4946);--mat-sys-primary: light-dark(#006b5f, #70d8c8);--mat-sys-primary-container: light-dark(#8df5e4, #005048);--mat-sys-primary-fixed: light-dark(#8df5e4, #8df5e4);--mat-sys-primary-fixed-dim: light-dark(#70d8c8, #70d8c8);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#41655f, #a8cec6);--mat-sys-secondary-container: light-dark(#c3ebe2, #294d47);--mat-sys-secondary-fixed: light-dark(#c3ebe2, #c3ebe2);--mat-sys-secondary-fixed-dim: light-dark(#a8cec6, #a8cec6);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f6faf8, #0f1413);--mat-sys-surface-bright: light-dark(#f6faf8, #353a39);--mat-sys-surface-container: light-dark(#eaefec, #1b211f);--mat-sys-surface-container-high: light-dark(#e4e9e7, #262b2a);--mat-sys-surface-container-highest: light-dark(#dfe4e1, #313634);--mat-sys-surface-container-low: light-dark(#f0f5f2, #171d1b);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0a0f0e);--mat-sys-surface-dim: light-dark(#d6dbd9, #0f1413);--mat-sys-surface-tint: light-dark(#006b5f, #70d8c8);--mat-sys-surface-variant: light-dark(#d8e5e1, #3d4946);--mat-sys-tertiary: light-dark(#7d5800, #ffba2a);--mat-sys-tertiary-container: light-dark(#ffdea9, #5f4100);--mat-sys-tertiary-fixed: light-dark(#ffdea9, #ffdea9);--mat-sys-tertiary-fixed-dim: light-dark(#ffba2a, #ffba2a);--mat-sys-neutral-variant20: #273330;--mat-sys-neutral10: #171d1b;--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}html[data-accent=graphite]{--mat-sys-background: light-dark(#f8f9fc, #101416);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff1f3, #2e3133);--mat-sys-inverse-primary: light-dark(#bdc8cf, #556066);--mat-sys-inverse-surface: light-dark(#2e3133, #e1e3e5);--mat-sys-on-background: light-dark(#191c1e, #e1e3e5);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #273237);--mat-sys-on-primary-container: light-dark(#3e484e, #d9e4eb);--mat-sys-on-primary-fixed: light-dark(#121d22, #121d22);--mat-sys-on-primary-fixed-variant: light-dark(#3e484e, #3e484e);--mat-sys-on-secondary: light-dark(#ffffff, #2b3134);--mat-sys-on-secondary-container: light-dark(#41484b, #dde3e7);--mat-sys-on-secondary-fixed: light-dark(#161d1f, #161d1f);--mat-sys-on-secondary-fixed-variant: light-dark(#41484b, #41484b);--mat-sys-on-surface: light-dark(#191c1e, #e1e3e5);--mat-sys-on-surface-variant: light-dark(#42474a, #dfe3e6);--mat-sys-on-tertiary: light-dark(#ffffff, #422c00);--mat-sys-on-tertiary-container: light-dark(#5f4100, #ffdea9);--mat-sys-on-tertiary-fixed: light-dark(#271900, #271900);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f4100, #5f4100);--mat-sys-outline: light-dark(#73787b, #8c9194);--mat-sys-outline-variant: light-dark(#c2c7ca, #42474a);--mat-sys-primary: light-dark(#556066, #bdc8cf);--mat-sys-primary-container: light-dark(#d9e4eb, #3e484e);--mat-sys-primary-fixed: light-dark(#d9e4eb, #d9e4eb);--mat-sys-primary-fixed-dim: light-dark(#bdc8cf, #bdc8cf);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#585f62, #c1c8cb);--mat-sys-secondary-container: light-dark(#dde3e7, #41484b);--mat-sys-secondary-fixed: light-dark(#dde3e7, #dde3e7);--mat-sys-secondary-fixed-dim: light-dark(#c1c8cb, #c1c8cb);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f8f9fc, #101416);--mat-sys-surface-bright: light-dark(#f8f9fc, #363a3b);--mat-sys-surface-container: light-dark(#eceef0, #1d2022);--mat-sys-surface-container-high: light-dark(#e6e8ea, #272a2c);--mat-sys-surface-container-highest: light-dark(#e1e3e5, #323537);--mat-sys-surface-container-low: light-dark(#f2f4f6, #191c1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f10);--mat-sys-surface-dim: light-dark(#d8dadc, #101416);--mat-sys-surface-tint: light-dark(#556066, #bdc8cf);--mat-sys-surface-variant: light-dark(#dfe3e6, #42474a);--mat-sys-tertiary: light-dark(#7d5800, #ffba2a);--mat-sys-tertiary-container: light-dark(#ffdea9, #5f4100);--mat-sys-tertiary-fixed: light-dark(#ffdea9, #ffdea9);--mat-sys-tertiary-fixed-dim: light-dark(#ffba2a, #ffba2a);--mat-sys-neutral-variant20: #2c3134;--mat-sys-neutral10: #191c1e;--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}html:not([data-accent]),html[data-accent=kaasib]{--mat-sys-primary: light-dark(#008541, #80d497);--mat-sys-on-primary: light-dark(#ffffff, #092613);--mat-sys-surface-tint: light-dark(#008541, #80d497);--mat-sys-primary-container: light-dark(#d1efd8, #1b3e25);--mat-sys-on-primary-container: light-dark(#113d20, #cce6d1);--mat-sys-secondary-container: light-dark(#dcebdf, #2a3a2d);--mat-sys-on-secondary-container: light-dark(#243928, #d3e3d5);--mat-sys-secondary: light-dark(#3c6846, #a8c7ad);--mat-sys-tertiary: light-dark(#7d5800, #edbb64);--mat-sys-on-tertiary: light-dark(#ffffff, #2b1c00);--mat-sys-tertiary-container: light-dark(#fae3be, #45310b);--mat-sys-on-tertiary-container: light-dark(#442e00, #ecdcc1);--mat-sys-error: light-dark(#ba1a1a, #ffa195);--mat-sys-on-error: light-dark(#ffffff, #430f0c);--mat-sys-error-container: light-dark(#ffddd8, #522722);--mat-sys-on-error-container: light-dark(#650104, #f8d5d0);--mat-sys-on-surface: light-dark(#131e19, #dce3df);--mat-sys-on-background: light-dark(#131e19, #dce3df)}html[data-accent=ocean]{--mat-sys-primary: light-dark(#005db7, #91c1ff);--mat-sys-on-primary: light-dark(#ffffff, #0e2036);--mat-sys-surface-tint: light-dark(#005db7, #91c1ff);--mat-sys-primary-container: light-dark(#d6e8ff, #1f3654);--mat-sys-on-primary-container: light-dark(#183356, #cde0f9);--mat-sys-secondary-container: light-dark(#dee7f5, #2d3645);--mat-sys-on-secondary-container: light-dark(#273347, #d5dfef);--mat-sys-secondary: light-dark(#4a5f83, #acbfdf);--mat-sys-tertiary: light-dark(#7d5800, #edbb64);--mat-sys-on-tertiary: light-dark(#ffffff, #2b1c00);--mat-sys-tertiary-container: light-dark(#fae3be, #45310b);--mat-sys-on-tertiary-container: light-dark(#442e00, #ecdcc1);--mat-sys-error: light-dark(#ba1a1a, #ffa195);--mat-sys-on-error: light-dark(#ffffff, #430f0c);--mat-sys-error-container: light-dark(#ffddd8, #522722);--mat-sys-on-error-container: light-dark(#650104, #f8d5d0);--mat-sys-on-surface: light-dark(#191c21, #dfe1e8);--mat-sys-on-background: light-dark(#191c21, #dfe1e8)}html[data-accent=violet]{--mat-sys-primary: light-dark(#6750a4, #c1b0ff);--mat-sys-on-primary: light-dark(#ffffff, #211a35);--mat-sys-surface-tint: light-dark(#6750a4, #c1b0ff);--mat-sys-primary-container: light-dark(#e7e2ff, #372f51);--mat-sys-on-primary-container: light-dark(#352b53, #dfdaf7);--mat-sys-secondary-container: light-dark(#e7e3f4, #373243);--mat-sys-on-secondary-container: light-dark(#352e45, #dfdbed);--mat-sys-secondary: light-dark(#63597c, #c1b7db);--mat-sys-tertiary: light-dark(#7d5800, #edbb64);--mat-sys-on-tertiary: light-dark(#ffffff, #2b1c00);--mat-sys-tertiary-container: light-dark(#fae3be, #45310b);--mat-sys-on-tertiary-container: light-dark(#442e00, #ecdcc1);--mat-sys-error: light-dark(#ba1a1a, #ffa195);--mat-sys-on-error: light-dark(#ffffff, #430f0c);--mat-sys-error-container: light-dark(#ffddd8, #522722);--mat-sys-on-error-container: light-dark(#650104, #f8d5d0);--mat-sys-on-surface: light-dark(#1d1b20, #e3e0e7);--mat-sys-on-background: light-dark(#1d1b20, #e3e0e7)}html[data-accent=rose]{--mat-sys-primary: light-dark(#b90c55, #ff9cb2);--mat-sys-on-primary: light-dark(#ffffff, #32141c);--mat-sys-surface-tint: light-dark(#b90c55, #ff9cb2);--mat-sys-primary-container: light-dark(#ffdce2, #4f2731);--mat-sys-on-primary-container: light-dark(#50222e, #f7d4da);--mat-sys-secondary-container: light-dark(#f4e0e4, #432f33);--mat-sys-on-secondary-container: light-dark(#442a30, #eed8dc);--mat-sys-secondary: light-dark(#9c3e59, #dbb1b9);--mat-sys-tertiary: light-dark(#7d5800, #edbb64);--mat-sys-on-tertiary: light-dark(#ffffff, #2b1c00);--mat-sys-tertiary-container: light-dark(#fae3be, #45310b);--mat-sys-on-tertiary-container: light-dark(#442e00, #ecdcc1);--mat-sys-error: light-dark(#ba1a1a, #ffa195);--mat-sys-on-error: light-dark(#ffffff, #430f0c);--mat-sys-error-container: light-dark(#ffddd8, #522722);--mat-sys-on-error-container: light-dark(#650104, #f8d5d0);--mat-sys-on-surface: light-dark(#26181b, #e8dfe0);--mat-sys-on-background: light-dark(#26181b, #e8dfe0)}html[data-accent=teal]{--mat-sys-primary: light-dark(#006b5f, #7cd0c1);--mat-sys-on-primary: light-dark(#ffffff, #002621);--mat-sys-surface-tint: light-dark(#006b5f, #7cd0c1);--mat-sys-primary-container: light-dark(#c6f1e8, #003f37);--mat-sys-on-primary-container: light-dark(#003c35, #c2e7e0);--mat-sys-secondary-container: light-dark(#d7ebe7, #233b37);--mat-sys-on-secondary-container: light-dark(#183a35, #cde4df);--mat-sys-secondary: light-dark(#41655f, #a0c7c0);--mat-sys-tertiary: light-dark(#7d5800, #edbb64);--mat-sys-on-tertiary: light-dark(#ffffff, #2b1c00);--mat-sys-tertiary-container: light-dark(#fae3be, #45310b);--mat-sys-on-tertiary-container: light-dark(#442e00, #ecdcc1);--mat-sys-error: light-dark(#ba1a1a, #ffa195);--mat-sys-on-error: light-dark(#ffffff, #430f0c);--mat-sys-error-container: light-dark(#ffddd8, #522722);--mat-sys-on-error-container: light-dark(#650104, #f8d5d0);--mat-sys-on-surface: light-dark(#171d1b, #dde3e1);--mat-sys-on-background: light-dark(#171d1b, #dde3e1)}html[data-accent=graphite]{--mat-sys-primary: light-dark(#556066, #b4c0c7);--mat-sys-on-primary: light-dark(#ffffff, #172126);--mat-sys-surface-tint: light-dark(#556066, #b4c0c7);--mat-sys-primary-container: light-dark(#dce9f0, #2d373d);--mat-sys-on-primary-container: light-dark(#2a353a, #d4e0e7);--mat-sys-secondary-container: light-dark(#e0e8eb, #303739);--mat-sys-on-secondary-container: light-dark(#2e3437, #d7e0e3);--mat-sys-secondary: light-dark(#585f62, #b7bfc3);--mat-sys-tertiary: light-dark(#7d5800, #edbb64);--mat-sys-on-tertiary: light-dark(#ffffff, #2b1c00);--mat-sys-tertiary-container: light-dark(#fae3be, #45310b);--mat-sys-on-tertiary-container: light-dark(#442e00, #ecdcc1);--mat-sys-error: light-dark(#ba1a1a, #ffa195);--mat-sys-on-error: light-dark(#ffffff, #430f0c);--mat-sys-error-container: light-dark(#ffddd8, #522722);--mat-sys-on-error-container: light-dark(#650104, #f8d5d0);--mat-sys-on-surface: light-dark(#191c1e, #dee2e4);--mat-sys-on-background: light-dark(#191c1e, #dee2e4)}html[data-contrast=high]{--mat-sys-primary: light-dark(#003416, #c0ffc9);--mat-sys-on-primary: light-dark(#ffffff, #000000);--mat-sys-primary-container: light-dark(#005527, #5eda84);--mat-sys-on-primary-container: light-dark(#ffffff, #000f03);--mat-sys-inverse-primary: light-dark(#62de87, #005427);--mat-sys-primary-fixed: light-dark(#005527, #80fba1);--mat-sys-primary-fixed-dim: light-dark(#003c1a, #62de87);--mat-sys-on-primary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-primary-fixed-variant: light-dark(#ffffff, #001506);--mat-sys-secondary: light-dark(#053417, #cbfcd0);--mat-sys-on-secondary: light-dark(#ffffff, #000000);--mat-sys-secondary-container: light-dark(#275232, #9ecea5);--mat-sys-on-secondary-container: light-dark(#ffffff, #000f03);--mat-sys-secondary-fixed: light-dark(#275232, #bdefc3);--mat-sys-secondary-fixed-dim: light-dark(#0d3b1d, #a2d2a8);--mat-sys-on-secondary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-secondary-fixed-variant: light-dark(#ffffff, #001506);--mat-sys-tertiary: light-dark(#3c2800, #ffeed6);--mat-sys-on-tertiary: light-dark(#ffffff, #000000);--mat-sys-tertiary-container: light-dark(#624400, #fcb61b);--mat-sys-on-tertiary-container: light-dark(#ffffff, #120a00);--mat-sys-tertiary-fixed: light-dark(#624400, #ffdea9);--mat-sys-tertiary-fixed-dim: light-dark(#452f00, #ffba2a);--mat-sys-on-tertiary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-tertiary-fixed-variant: light-dark(#ffffff, #1a0f00);--mat-sys-background: light-dark(#f0fcf5, #0b1511);--mat-sys-on-background: light-dark(#131e19, #d9e5de);--mat-sys-surface: light-dark(#f0fcf5, #0b1511);--mat-sys-surface-dim: light-dark(#afbcb5, #0b1511);--mat-sys-surface-bright: light-dark(#f0fcf5, #47534d);--mat-sys-surface-container-low: light-dark(#e7f4ec, #17221d);--mat-sys-surface-container-lowest: light-dark(#ffffff, #000000);--mat-sys-surface-container: light-dark(#d9e5de, #28332e);--mat-sys-surface-container-high: light-dark(#cbd7d0, #333e39);--mat-sys-surface-container-highest: light-dark(#bdc9c2, #3e4944);--mat-sys-on-surface: light-dark(#000000, #ffffff);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-surface-tint: light-dark(#006d34, #62de87);--mat-sys-inverse-surface: light-dark(#28332e, #d9e5de);--mat-sys-inverse-on-surface: light-dark(#ffffff, #000000);--mat-sys-outline: light-dark(#232f25, #e6f4e4);--mat-sys-outline-variant: light-dark(#404c41, #b9c6b7);--mat-sys-error: light-dark(#600004, #ffece9);--mat-sys-on-error: light-dark(#ffffff, #000000);--mat-sys-error-container: light-dark(#98000a, #ffaea4);--mat-sys-on-error-container: light-dark(#ffffff, #220001);--mat-sys-surface-variant: light-dark(#d9e6d7, #3e4a3e);--mat-sys-on-surface-variant: light-dark(#000000, #ffffff)}html[data-accent=ocean][data-contrast=high]{--mat-sys-primary: light-dark(#002b5b, #ebf0ff);--mat-sys-on-primary: light-dark(#ffffff, #000000);--mat-sys-primary-container: light-dark(#004890, #a3c3ff);--mat-sys-on-primary-container: light-dark(#ffffff, #000b20);--mat-sys-inverse-primary: light-dark(#a9c7ff, #00478e);--mat-sys-primary-fixed: light-dark(#004890, #d6e3ff);--mat-sys-primary-fixed-dim: light-dark(#003267, #a9c7ff);--mat-sys-on-primary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-primary-fixed-variant: light-dark(#ffffff, #00112a);--mat-sys-secondary: light-dark(#162c4d, #ebf0ff);--mat-sys-on-secondary: light-dark(#ffffff, #000000);--mat-sys-secondary-container: light-dark(#35496c, #aec3ed);--mat-sys-on-secondary-container: light-dark(#ffffff, #000b20);--mat-sys-secondary-fixed: light-dark(#35496c, #d6e3ff);--mat-sys-secondary-fixed-dim: light-dark(#1d3354, #b2c7f1);--mat-sys-on-secondary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-secondary-fixed-variant: light-dark(#ffffff, #00112a);--mat-sys-tertiary: light-dark(#3c2800, #ffeed6);--mat-sys-on-tertiary: light-dark(#ffffff, #000000);--mat-sys-tertiary-container: light-dark(#624400, #fcb61b);--mat-sys-on-tertiary-container: light-dark(#ffffff, #120a00);--mat-sys-tertiary-fixed: light-dark(#624400, #ffdea9);--mat-sys-tertiary-fixed-dim: light-dark(#452f00, #ffba2a);--mat-sys-on-tertiary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-tertiary-fixed-variant: light-dark(#ffffff, #1a0f00);--mat-sys-background: light-dark(#f9f9ff, #111319);--mat-sys-on-background: light-dark(#191c21, #e1e2ea);--mat-sys-surface: light-dark(#f9f9ff, #111319);--mat-sys-surface-dim: light-dark(#b7b8c0, #111319);--mat-sys-surface-bright: light-dark(#f9f9ff, #4d5057);--mat-sys-surface-container-low: light-dark(#eff0f9, #1d2025);--mat-sys-surface-container-lowest: light-dark(#ffffff, #000000);--mat-sys-surface-container: light-dark(#e1e2ea, #2e3037);--mat-sys-surface-container-high: light-dark(#d3d4dc, #393b42);--mat-sys-surface-container-highest: light-dark(#c5c6ce, #44474d);--mat-sys-on-surface: light-dark(#000000, #ffffff);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-surface-tint: light-dark(#005db7, #a9c7ff);--mat-sys-inverse-surface: light-dark(#2e3037, #e1e2ea);--mat-sys-inverse-on-surface: light-dark(#ffffff, #000000);--mat-sys-outline: light-dark(#272c37, #ebf0fe);--mat-sys-outline-variant: light-dark(#444955, #bec2d0);--mat-sys-error: light-dark(#600004, #ffece9);--mat-sys-on-error: light-dark(#ffffff, #000000);--mat-sys-error-container: light-dark(#98000a, #ffaea4);--mat-sys-on-error-container: light-dark(#ffffff, #220001);--mat-sys-surface-variant: light-dark(#dee2f0, #424752);--mat-sys-on-surface-variant: light-dark(#000000, #ffffff)}html[data-accent=violet][data-contrast=high]{--mat-sys-primary: light-dark(#33196e, #f5edff);--mat-sys-on-primary: light-dark(#ffffff, #000000);--mat-sys-primary-container: light-dark(#513a8d, #ccb8ff);--mat-sys-on-primary-container: light-dark(#ffffff, #0f0033);--mat-sys-inverse-primary: light-dark(#cfbcff, #50398b);--mat-sys-primary-fixed: light-dark(#513a8d, #e9ddff);--mat-sys-primary-fixed-dim: light-dark(#3a2174, #cfbcff);--mat-sys-on-primary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-primary-fixed-variant: light-dark(#ffffff, #160042);--mat-sys-secondary: light-dark(#302747, #f5edff);--mat-sys-on-secondary: light-dark(#ffffff, #000000);--mat-sys-secondary-container: light-dark(#4d4465, #c9bde5);--mat-sys-on-secondary-container: light-dark(#ffffff, #0e0624);--mat-sys-secondary-fixed: light-dark(#4d4465, #e9ddff);--mat-sys-secondary-fixed-dim: light-dark(#362e4d, #cdc0e9);--mat-sys-on-secondary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-secondary-fixed-variant: light-dark(#ffffff, #140b2a);--mat-sys-tertiary: light-dark(#3c2800, #ffeed6);--mat-sys-on-tertiary: light-dark(#ffffff, #000000);--mat-sys-tertiary-container: light-dark(#624400, #fcb61b);--mat-sys-on-tertiary-container: light-dark(#ffffff, #120a00);--mat-sys-tertiary-fixed: light-dark(#624400, #ffdea9);--mat-sys-tertiary-fixed-dim: light-dark(#452f00, #ffba2a);--mat-sys-on-tertiary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-tertiary-fixed-variant: light-dark(#ffffff, #1a0f00);--mat-sys-background: light-dark(#fdf7ff, #141218);--mat-sys-on-background: light-dark(#1d1b20, #e6e0e9);--mat-sys-surface: light-dark(#fdf7ff, #141218);--mat-sys-surface-dim: light-dark(#bcb7bf, #141218);--mat-sys-surface-bright: light-dark(#fdf7ff, #524f55);--mat-sys-surface-container-low: light-dark(#f5eff7, #211f24);--mat-sys-surface-container-lowest: light-dark(#ffffff, #000000);--mat-sys-surface-container: light-dark(#e6e0e9, #322f35);--mat-sys-surface-container-high: light-dark(#d8d2da, #3d3a41);--mat-sys-surface-container-highest: light-dark(#cac5cc, #48464c);--mat-sys-on-surface: light-dark(#000000, #ffffff);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-surface-tint: light-dark(#6750a4, #cfbcff);--mat-sys-inverse-surface: light-dark(#322f35, #e6e0e9);--mat-sys-inverse-on-surface: light-dark(#ffffff, #000000);--mat-sys-outline: light-dark(#2e2a35, #f5edfc);--mat-sys-outline-variant: light-dark(#4b4753, #c7c0ce);--mat-sys-error: light-dark(#600004, #ffece9);--mat-sys-on-error: light-dark(#ffffff, #000000);--mat-sys-error-container: light-dark(#98000a, #ffaea4);--mat-sys-on-error-container: light-dark(#ffffff, #220001);--mat-sys-surface-variant: light-dark(#e7e0ee, #494551);--mat-sys-on-surface-variant: light-dark(#000000, #ffffff)}html[data-accent=rose][data-contrast=high]{--mat-sys-primary: light-dark(#5e0027, #ffebee);--mat-sys-on-primary: light-dark(#ffffff, #000000);--mat-sys-primary-container: light-dark(#940041, #ffabbd);--mat-sys-on-primary-container: light-dark(#ffffff, #210009);--mat-sys-inverse-primary: light-dark(#ffb1c2, #920040);--mat-sys-primary-fixed: light-dark(#940041, #ffd9df);--mat-sys-primary-fixed-dim: light-dark(#6a002d, #ffb1c2);--mat-sys-on-primary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-primary-fixed-variant: light-dark(#ffffff, #2c000e);--mat-sys-secondary: light-dark(#5a0827, #ffebee);--mat-sys-on-secondary: light-dark(#ffffff, #000000);--mat-sys-secondary-container: light-dark(#812944, #ffabbd);--mat-sys-on-secondary-container: light-dark(#ffffff, #210009);--mat-sys-secondary-fixed: light-dark(#812944, #ffd9df);--mat-sys-secondary-fixed-dim: light-dark(#63112e, #ffb1c2);--mat-sys-on-secondary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-secondary-fixed-variant: light-dark(#ffffff, #2c000e);--mat-sys-tertiary: light-dark(#3c2800, #ffeed6);--mat-sys-on-tertiary: light-dark(#ffffff, #000000);--mat-sys-tertiary-container: light-dark(#624400, #fcb61b);--mat-sys-on-tertiary-container: light-dark(#ffffff, #120a00);--mat-sys-tertiary-fixed: light-dark(#624400, #ffdea9);--mat-sys-tertiary-fixed-dim: light-dark(#452f00, #ffba2a);--mat-sys-on-tertiary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-tertiary-fixed-variant: light-dark(#ffffff, #1a0f00);--mat-sys-background: light-dark(#fff8f7, #1d1012);--mat-sys-on-background: light-dark(#26181b, #f7dce0);--mat-sys-surface: light-dark(#fff8f7, #1d1012);--mat-sys-surface-dim: light-dark(#ccb3b6, #1d1012);--mat-sys-surface-bright: light-dark(#fff8f7, #5e4b4f);--mat-sys-surface-container-low: light-dark(#ffecee, #2b1c1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #000000);--mat-sys-surface-container: light-dark(#f7dce0, #3d2c2f);--mat-sys-surface-container-high: light-dark(#e8ced2, #48373a);--mat-sys-surface-container-highest: light-dark(#dac0c4, #544245);--mat-sys-on-surface: light-dark(#000000, #ffffff);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-surface-tint: light-dark(#b90c55, #ffb1c2);--mat-sys-inverse-surface: light-dark(#3d2c2f, #f7dce0);--mat-sys-inverse-on-surface: light-dark(#ffffff, #000000);--mat-sys-outline: light-dark(#3c262b, #ffebee);--mat-sys-outline-variant: light-dark(#5c4247, #ddbac0);--mat-sys-error: light-dark(#600004, #ffece9);--mat-sys-on-error: light-dark(#ffffff, #000000);--mat-sys-error-container: light-dark(#98000a, #ffaea4);--mat-sys-on-error-container: light-dark(#ffffff, #220001);--mat-sys-surface-variant: light-dark(#fed9df, #594045);--mat-sys-on-surface-variant: light-dark(#000000, #ffffff)}html[data-accent=teal][data-contrast=high]{--mat-sys-primary: light-dark(#00332d, #affff0);--mat-sys-on-primary: light-dark(#ffffff, #000000);--mat-sys-primary-container: light-dark(#00534a, #6cd4c4);--mat-sys-on-primary-container: light-dark(#ffffff, #000f0c);--mat-sys-inverse-primary: light-dark(#70d8c8, #005249);--mat-sys-primary-fixed: light-dark(#00534a, #8df5e4);--mat-sys-primary-fixed-dim: light-dark(#003a33, #70d8c8);--mat-sys-on-primary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-primary-fixed-variant: light-dark(#ffffff, #001511);--mat-sys-secondary: light-dark(#0a322d, #d0f8f0);--mat-sys-on-secondary: light-dark(#ffffff, #000000);--mat-sys-secondary-container: light-dark(#2b4f49, #a4cac2);--mat-sys-on-secondary-container: light-dark(#ffffff, #000e0b);--mat-sys-secondary-fixed: light-dark(#2b4f49, #c3ebe2);--mat-sys-secondary-fixed-dim: light-dark(#133933, #a8cec6);--mat-sys-on-secondary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-secondary-fixed-variant: light-dark(#ffffff, #001511);--mat-sys-tertiary: light-dark(#3c2800, #ffeed6);--mat-sys-on-tertiary: light-dark(#ffffff, #000000);--mat-sys-tertiary-container: light-dark(#624400, #fcb61b);--mat-sys-on-tertiary-container: light-dark(#ffffff, #130a00);--mat-sys-tertiary-fixed: light-dark(#624400, #ffdea9);--mat-sys-tertiary-fixed-dim: light-dark(#452f00, #ffba2a);--mat-sys-on-tertiary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-tertiary-fixed-variant: light-dark(#ffffff, #1a0f00);--mat-sys-background: light-dark(#f6faf8, #0f1413);--mat-sys-on-background: light-dark(#171d1b, #dfe4e1);--mat-sys-surface: light-dark(#f6faf8, #0f1413);--mat-sys-surface-dim: light-dark(#b5bab8, #0f1413);--mat-sys-surface-bright: light-dark(#f6faf8, #4c5150);--mat-sys-surface-container-low: light-dark(#edf2ef, #1b211f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #000000);--mat-sys-surface-container: light-dark(#dfe4e1, #2c3130);--mat-sys-surface-container-high: light-dark(#d1d5d3, #373c3b);--mat-sys-surface-container-highest: light-dark(#c3c8c5, #424846);--mat-sys-on-surface: light-dark(#000000, #ffffff);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-surface-tint: light-dark(#006b5f, #70d8c8);--mat-sys-inverse-surface: light-dark(#2c3130, #dfe4e1);--mat-sys-inverse-on-surface: light-dark(#ffffff, #000000);--mat-sys-outline: light-dark(#232e2c, #e6f3ef);--mat-sys-outline-variant: light-dark(#404c49, #b9c5c2);--mat-sys-error: light-dark(#600004, #ffece9);--mat-sys-on-error: light-dark(#ffffff, #000000);--mat-sys-error-container: light-dark(#98000a, #ffaea4);--mat-sys-on-error-container: light-dark(#ffffff, #220001);--mat-sys-surface-variant: light-dark(#d8e5e1, #3d4946);--mat-sys-on-surface-variant: light-dark(#000000, #ffffff)}html[data-accent=graphite][data-contrast=high]{--mat-sys-primary: light-dark(#232e33, #e6f2f9);--mat-sys-on-primary: light-dark(#ffffff, #000000);--mat-sys-primary-container: light-dark(#404b50, #b9c4cb);--mat-sys-on-primary-container: light-dark(#ffffff, #030d11);--mat-sys-inverse-primary: light-dark(#bdc8cf, #3f4a4f);--mat-sys-primary-fixed: light-dark(#404b50, #d9e4eb);--mat-sys-primary-fixed-dim: light-dark(#2a343a, #bdc8cf);--mat-sys-on-primary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-primary-fixed-variant: light-dark(#ffffff, #081317);--mat-sys-secondary: light-dark(#262d30, #eaf1f4);--mat-sys-on-secondary: light-dark(#ffffff, #000000);--mat-sys-secondary-container: light-dark(#434a4d, #bdc4c7);--mat-sys-on-secondary-container: light-dark(#ffffff, #060c0f);--mat-sys-secondary-fixed: light-dark(#434a4d, #dde3e7);--mat-sys-secondary-fixed-dim: light-dark(#2d3436, #c1c8cb);--mat-sys-on-secondary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-secondary-fixed-variant: light-dark(#ffffff, #0b1215);--mat-sys-tertiary: light-dark(#3c2800, #ffeed6);--mat-sys-on-tertiary: light-dark(#ffffff, #000000);--mat-sys-tertiary-container: light-dark(#624400, #fcb61b);--mat-sys-on-tertiary-container: light-dark(#ffffff, #120a00);--mat-sys-tertiary-fixed: light-dark(#624400, #ffdea9);--mat-sys-tertiary-fixed-dim: light-dark(#452f00, #ffba2a);--mat-sys-on-tertiary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-tertiary-fixed-variant: light-dark(#ffffff, #1a0f00);--mat-sys-background: light-dark(#f8f9fc, #101416);--mat-sys-on-background: light-dark(#191c1e, #e1e3e5);--mat-sys-surface: light-dark(#f8f9fc, #101416);--mat-sys-surface-dim: light-dark(#b7b9bb, #101416);--mat-sys-surface-bright: light-dark(#f8f9fc, #4d5052);--mat-sys-surface-container-low: light-dark(#eff1f3, #1d2022);--mat-sys-surface-container-lowest: light-dark(#ffffff, #000000);--mat-sys-surface-container: light-dark(#e1e3e5, #2e3133);--mat-sys-surface-container-high: light-dark(#d2d5d7, #393c3e);--mat-sys-surface-container-highest: light-dark(#c4c7c9, #444749);--mat-sys-on-surface: light-dark(#000000, #ffffff);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-surface-tint: light-dark(#556066, #bdc8cf);--mat-sys-inverse-surface: light-dark(#2e3133, #e1e3e5);--mat-sys-inverse-on-surface: light-dark(#ffffff, #000000);--mat-sys-outline: light-dark(#282d30, #ecf0f4);--mat-sys-outline-variant: light-dark(#454a4d, #bfc3c6);--mat-sys-error: light-dark(#600004, #ffece9);--mat-sys-on-error: light-dark(#ffffff, #000000);--mat-sys-error-container: light-dark(#98000a, #ffaea4);--mat-sys-on-error-container: light-dark(#ffffff, #220001);--mat-sys-surface-variant: light-dark(#dfe3e6, #42474a);--mat-sys-on-surface-variant: light-dark(#000000, #ffffff)}html:not([data-accent])[data-surfaces=neutral],html[data-accent=kaasib][data-surfaces=neutral]{--mat-sys-background: light-dark(#f6faf7, #101312);--mat-sys-on-background: light-dark(#191c1b, #dee2e0);--mat-sys-surface: light-dark(#f6faf7, #101312);--mat-sys-surface-dim: light-dark(#d6dad8, #101312);--mat-sys-surface-bright: light-dark(#f6faf7, #363a38);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0e0d);--mat-sys-surface-container-low: light-dark(#f0f4f2, #191c1b);--mat-sys-surface-container: light-dark(#eaeeec, #1d201f);--mat-sys-surface-container-high: light-dark(#e5e9e6, #272a29);--mat-sys-surface-container-highest: light-dark(#dfe3e0, #323533);--mat-sys-on-surface: light-dark(#191c1b, #dee2e0);--mat-sys-surface-variant: light-dark(#e0e2df, #454745);--mat-sys-on-surface-variant: light-dark(#454745, #c4c6c3);--mat-sys-outline: light-dark(#747774, #8e908e);--mat-sys-outline-variant: light-dark(#c4c6c3, #454745);--mat-sys-inverse-surface: light-dark(#2e312f, #dfe3e0);--mat-sys-inverse-on-surface: light-dark(#edf1ef, #2e312f)}html:not([data-accent])[data-surfaces=neutral][data-contrast=high],html[data-accent=kaasib][data-surfaces=neutral][data-contrast=high]{--mat-sys-background: light-dark(#f6faf7, #101312);--mat-sys-on-background: light-dark(#191c1b, #dfe3e0);--mat-sys-surface: light-dark(#f6faf7, #101312);--mat-sys-surface-dim: light-dark(#b6b9b7, #101312);--mat-sys-surface-bright: light-dark(#f6faf7, #4d514f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #000000);--mat-sys-surface-container-low: light-dark(#edf1ef, #1d201f);--mat-sys-surface-container: light-dark(#dfe3e0, #2e312f);--mat-sys-surface-container-high: light-dark(#d1d5d2, #393c3a);--mat-sys-surface-container-highest: light-dark(#c3c7c4, #444745);--mat-sys-on-surface: light-dark(#000000, #ffffff);--mat-sys-surface-variant: light-dark(#e0e2df, #454745);--mat-sys-on-surface-variant: light-dark(#000000, #ffffff);--mat-sys-outline: light-dark(#2a2c2a, #edf0ed);--mat-sys-outline-variant: light-dark(#474947, #c0c2bf);--mat-sys-inverse-surface: light-dark(#2e312f, #dfe3e0);--mat-sys-inverse-on-surface: light-dark(#ffffff, #000000)}html[data-accent=ocean][data-surfaces=neutral]{--mat-sys-background: light-dark(#f9f9fd, #121316);--mat-sys-on-background: light-dark(#1a1c1e, #e0e1e5);--mat-sys-surface: light-dark(#f9f9fd, #121316);--mat-sys-surface-dim: light-dark(#d9dade, #121316);--mat-sys-surface-bright: light-dark(#f9f9fd, #38393c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e10);--mat-sys-surface-container-low: light-dark(#f3f3f7, #1a1c1e);--mat-sys-surface-container: light-dark(#ededf1, #1e2022);--mat-sys-surface-container-high: light-dark(#e8e8ec, #292a2c);--mat-sys-surface-container-highest: light-dark(#e2e2e6, #343538);--mat-sys-on-surface: light-dark(#1a1c1e, #e0e1e5);--mat-sys-surface-variant: light-dark(#e1e2e6, #46474a);--mat-sys-on-surface-variant: light-dark(#46474a, #c5c6ca);--mat-sys-outline: light-dark(#76777a, #909194);--mat-sys-outline-variant: light-dark(#c5c6ca, #46474a);--mat-sys-inverse-surface: light-dark(#2f3033, #e2e2e6);--mat-sys-inverse-on-surface: light-dark(#f0f0f4, #2f3033)}html[data-accent=ocean][data-surfaces=neutral][data-contrast=high]{--mat-sys-background: light-dark(#f9f9fd, #121316);--mat-sys-on-background: light-dark(#1a1c1e, #e2e2e6);--mat-sys-surface: light-dark(#f9f9fd, #121316);--mat-sys-surface-dim: light-dark(#b8b8bc, #121316);--mat-sys-surface-bright: light-dark(#f9f9fd, #4f5053);--mat-sys-surface-container-lowest: light-dark(#ffffff, #000000);--mat-sys-surface-container-low: light-dark(#f0f0f4, #1e2022);--mat-sys-surface-container: light-dark(#e2e2e6, #2f3033);--mat-sys-surface-container-high: light-dark(#d4d4d8, #3a3b3e);--mat-sys-surface-container-highest: light-dark(#c6c6ca, #46474a);--mat-sys-on-surface: light-dark(#000000, #ffffff);--mat-sys-surface-variant: light-dark(#e1e2e6, #46474a);--mat-sys-on-surface-variant: light-dark(#000000, #ffffff);--mat-sys-outline: light-dark(#2b2c2f, #eff0f4);--mat-sys-outline-variant: light-dark(#48494c, #c1c2c6);--mat-sys-inverse-surface: light-dark(#2f3033, #e2e2e6);--mat-sys-inverse-on-surface: light-dark(#ffffff, #000000)}html[data-accent=violet][data-surfaces=neutral]{--mat-sys-background: light-dark(#fbf8fc, #131315);--mat-sys-on-background: light-dark(#1d1c1e, #e2e1e4);--mat-sys-surface: light-dark(#fbf8fc, #131315);--mat-sys-surface-dim: light-dark(#dcd9dd, #131315);--mat-sys-surface-bright: light-dark(#fbf8fc, #3a393b);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e10);--mat-sys-surface-container-low: light-dark(#f6f3f7, #1d1c1e);--mat-sys-surface-container: light-dark(#f0edf1, #212022);--mat-sys-surface-container-high: light-dark(#eae7eb, #2b2a2c);--mat-sys-surface-container-highest: light-dark(#e4e2e5, #363537);--mat-sys-on-surface: light-dark(#1d1c1e, #e2e1e4);--mat-sys-surface-variant: light-dark(#e4e2e6, #48474a);--mat-sys-on-surface-variant: light-dark(#48474a, #c8c6ca);--mat-sys-outline: light-dark(#78777a, #929094);--mat-sys-outline-variant: light-dark(#c8c6ca, #48474a);--mat-sys-inverse-surface: light-dark(#313032, #e4e2e5);--mat-sys-inverse-on-surface: light-dark(#f3f0f4, #313032)}html[data-accent=violet][data-surfaces=neutral][data-contrast=high]{--mat-sys-background: light-dark(#fbf8fc, #131315);--mat-sys-on-background: light-dark(#1d1c1e, #e4e2e5);--mat-sys-surface: light-dark(#fbf8fc, #131315);--mat-sys-surface-dim: light-dark(#bab8bb, #131315);--mat-sys-surface-bright: light-dark(#fbf8fc, #515053);--mat-sys-surface-container-lowest: light-dark(#ffffff, #000000);--mat-sys-surface-container-low: light-dark(#f3f0f4, #212022);--mat-sys-surface-container: light-dark(#e4e2e5, #313032);--mat-sys-surface-container-high: light-dark(#d6d3d7, #3c3b3e);--mat-sys-surface-container-highest: light-dark(#c8c6c9, #484749);--mat-sys-on-surface: light-dark(#000000, #ffffff);--mat-sys-surface-variant: light-dark(#e4e2e6, #48474a);--mat-sys-on-surface-variant: light-dark(#000000, #ffffff);--mat-sys-outline: light-dark(#2d2c2e, #f2f0f3);--mat-sys-outline-variant: light-dark(#4a494c, #c4c2c6);--mat-sys-inverse-surface: light-dark(#313032, #e4e2e5);--mat-sys-inverse-on-surface: light-dark(#ffffff, #000000)}html[data-accent=rose][data-surfaces=neutral]{--mat-sys-background: light-dark(#fdf9f8, #161314);--mat-sys-on-background: light-dark(#1f1c1c, #e5e0e1);--mat-sys-surface: light-dark(#fdf9f8, #161314);--mat-sys-surface-dim: light-dark(#dfdadb, #161314);--mat-sys-surface-bright: light-dark(#fdf9f8, #3d393a);--mat-sys-surface-container-lowest: light-dark(#ffffff, #100e0e);--mat-sys-surface-container-low: light-dark(#f7f3f3, #1f1c1c);--mat-sys-surface-container: light-dark(#f2edee, #232020);--mat-sys-surface-container-high: light-dark(#ede8e9, #2d2a2b);--mat-sys-surface-container-highest: light-dark(#e7e2e3, #383435);--mat-sys-on-surface: light-dark(#1f1c1c, #e5e0e1);--mat-sys-surface-variant: light-dark(#e7e2e3, #4a4747);--mat-sys-on-surface-variant: light-dark(#4a4747, #cbc7c8);--mat-sys-outline: light-dark(#7b7778, #959192);--mat-sys-outline-variant: light-dark(#cbc7c8, #4a4747);--mat-sys-inverse-surface: light-dark(#343031, #e7e2e3);--mat-sys-inverse-on-surface: light-dark(#f5f0f0, #343031)}html[data-accent=rose][data-surfaces=neutral][data-contrast=high]{--mat-sys-background: light-dark(#fdf9f8, #161314);--mat-sys-on-background: light-dark(#1f1c1c, #e7e2e3);--mat-sys-surface: light-dark(#fdf9f8, #161314);--mat-sys-surface-dim: light-dark(#bdb9b9, #161314);--mat-sys-surface-bright: light-dark(#fdf9f8, #535050);--mat-sys-surface-container-lowest: light-dark(#ffffff, #000000);--mat-sys-surface-container-low: light-dark(#f5f0f0, #232020);--mat-sys-surface-container: light-dark(#e7e2e3, #343031);--mat-sys-surface-container-high: light-dark(#d9d4d5, #3f3b3c);--mat-sys-surface-container-highest: light-dark(#cbc6c7, #4a4647);--mat-sys-on-surface: light-dark(#000000, #ffffff);--mat-sys-surface-variant: light-dark(#e7e2e3, #4a4747);--mat-sys-on-surface-variant: light-dark(#000000, #ffffff);--mat-sys-outline: light-dark(#302c2d, #f4eff0);--mat-sys-outline-variant: light-dark(#4d494a, #c7c3c4);--mat-sys-inverse-surface: light-dark(#343031, #e7e2e3);--mat-sys-inverse-on-surface: light-dark(#ffffff, #000000)}html[data-accent=teal][data-surfaces=neutral]{--mat-sys-background: light-dark(#f6faf8, #101413);--mat-sys-on-background: light-dark(#191c1b, #dee3e1);--mat-sys-surface: light-dark(#f6faf8, #101413);--mat-sys-surface-dim: light-dark(#d7dbd9, #101413);--mat-sys-surface-bright: light-dark(#f6faf8, #363a39);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0e);--mat-sys-surface-container-low: light-dark(#f1f5f2, #191c1b);--mat-sys-surface-container: light-dark(#ebefec, #1d201f);--mat-sys-surface-container-high: light-dark(#e5e9e7, #272b2a);--mat-sys-surface-container-highest: light-dark(#e0e4e1, #323634);--mat-sys-on-surface: light-dark(#191c1b, #dee3e1);--mat-sys-surface-variant: light-dark(#dee3e1, #434746);--mat-sys-on-surface-variant: light-dark(#434746, #c2c7c5);--mat-sys-outline: light-dark(#747877, #8d9190);--mat-sys-outline-variant: light-dark(#c2c7c5, #434746);--mat-sys-inverse-surface: light-dark(#2d3130, #e0e4e1);--mat-sys-inverse-on-surface: light-dark(#eef2ef, #2d3130)}html[data-accent=teal][data-surfaces=neutral][data-contrast=high]{--mat-sys-background: light-dark(#f6faf8, #101413);--mat-sys-on-background: light-dark(#191c1b, #e0e4e1);--mat-sys-surface: light-dark(#f6faf8, #101413);--mat-sys-surface-dim: light-dark(#b6bab8, #101413);--mat-sys-surface-bright: light-dark(#f6faf8, #4d5150);--mat-sys-surface-container-lowest: light-dark(#ffffff, #000000);--mat-sys-surface-container-low: light-dark(#eef2ef, #1d201f);--mat-sys-surface-container: light-dark(#e0e4e1, #2d3130);--mat-sys-surface-container-high: light-dark(#d1d5d3, #383c3b);--mat-sys-surface-container-highest: light-dark(#c4c8c5, #444746);--mat-sys-on-surface: light-dark(#000000, #ffffff);--mat-sys-surface-variant: light-dark(#dee3e1, #434746);--mat-sys-on-surface-variant: light-dark(#000000, #ffffff);--mat-sys-outline: light-dark(#292c2c, #ecf1ef);--mat-sys-outline-variant: light-dark(#464a49, #bfc3c2);--mat-sys-inverse-surface: light-dark(#2d3130, #e0e4e1);--mat-sys-inverse-on-surface: light-dark(#ffffff, #000000)}html[data-accent=graphite][data-surfaces=neutral]{--mat-sys-background: light-dark(#f8f9fc, #111415);--mat-sys-on-background: light-dark(#191c1e, #dee2e4);--mat-sys-surface: light-dark(#f8f9fc, #111415);--mat-sys-surface-dim: light-dark(#d8dadc, #111415);--mat-sys-surface-bright: light-dark(#f8f9fc, #363a3b);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f10);--mat-sys-surface-container-low: light-dark(#f2f4f6, #191c1e);--mat-sys-surface-container: light-dark(#eceef0, #1d2022);--mat-sys-surface-container-high: light-dark(#e6e8ea, #272a2c);--mat-sys-surface-container-highest: light-dark(#e1e3e5, #323537);--mat-sys-on-surface: light-dark(#191c1e, #dee2e4);--mat-sys-surface-variant: light-dark(#e0e3e5, #444748);--mat-sys-on-surface-variant: light-dark(#444748, #c3c7c9);--mat-sys-outline: light-dark(#74787a, #8d9193);--mat-sys-outline-variant: light-dark(#c3c7c9, #444748);--mat-sys-inverse-surface: light-dark(#2e3133, #e1e3e5);--mat-sys-inverse-on-surface: light-dark(#eff1f3, #2e3133)}html[data-accent=graphite][data-surfaces=neutral][data-contrast=high]{--mat-sys-background: light-dark(#f8f9fc, #111415);--mat-sys-on-background: light-dark(#191c1e, #e1e3e5);--mat-sys-surface: light-dark(#f8f9fc, #111415);--mat-sys-surface-dim: light-dark(#b7b9bb, #111415);--mat-sys-surface-bright: light-dark(#f8f9fc, #4d5052);--mat-sys-surface-container-lowest: light-dark(#ffffff, #000000);--mat-sys-surface-container-low: light-dark(#eff1f3, #1d2022);--mat-sys-surface-container: light-dark(#e1e3e5, #2e3133);--mat-sys-surface-container-high: light-dark(#d2d5d7, #393c3e);--mat-sys-surface-container-highest: light-dark(#c4c7c9, #444749);--mat-sys-on-surface: light-dark(#000000, #ffffff);--mat-sys-surface-variant: light-dark(#e0e3e5, #444748);--mat-sys-on-surface-variant: light-dark(#000000, #ffffff);--mat-sys-outline: light-dark(#2a2d2e, #edf0f3);--mat-sys-outline-variant: light-dark(#474a4b, #c0c3c5);--mat-sys-inverse-surface: light-dark(#2e3133, #e1e3e5);--mat-sys-inverse-on-surface: light-dark(#ffffff, #000000)}:root{--kx-font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--kx-font-urdu: Inter, system-ui, -apple-system, "Segoe UI", sans-serif, "Noto Nastaliq Urdu", "Noto Naskh Arabic", serif;--kx-type-display-sm: 600 var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--kx-font);--kx-type-headline-md: 600 var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--kx-font);--kx-type-headline-sm: 600 var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--kx-font);--kx-type-title-lg: 600 20px / var(--mat-sys-title-large-line-height) var(--kx-font);--kx-type-title-md: 600 var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--kx-font);--kx-type-title-sm: 600 var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--kx-font);--kx-type-body-lg: 400 var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--kx-font);--kx-type-body-md: 400 var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--kx-font);--kx-type-body-sm: 400 var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--kx-font);--kx-type-label-lg: 500 var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--kx-font);--kx-type-label-md: 500 var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--kx-font);--kx-type-label-sm: 500 var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--kx-font);--kx-fs-display-sm: var(--mat-sys-display-small-size);--kx-fs-headline-md: var(--mat-sys-headline-medium-size);--kx-fs-headline-sm: var(--mat-sys-headline-small-size);--kx-fs-title-lg: 20px;--kx-fs-title-md: var(--mat-sys-title-medium-size);--kx-fs-title-sm: var(--mat-sys-title-small-size);--kx-fs-body-lg: var(--mat-sys-body-large-size);--kx-fs-body-md: var(--mat-sys-body-medium-size);--kx-fs-body-sm: var(--mat-sys-body-small-size);--kx-fs-label-lg: var(--mat-sys-label-large-size);--kx-fs-label-md: var(--mat-sys-label-medium-size);--kx-fs-label-sm: var(--mat-sys-label-small-size);--kx-weight-regular: 400;--kx-weight-medium: 500;--kx-weight-strong: 600;--kx-primary: var(--mat-sys-primary);--kx-on-primary: var(--mat-sys-on-primary);--kx-primary-container: var(--mat-sys-primary-container);--kx-on-primary-container: var(--mat-sys-on-primary-container);--kx-secondary: var(--mat-sys-secondary);--kx-on-secondary: var(--mat-sys-on-secondary);--kx-secondary-container: var(--mat-sys-secondary-container);--kx-on-secondary-container: var(--mat-sys-on-secondary-container);--kx-tertiary: var(--mat-sys-tertiary);--kx-on-tertiary: var(--mat-sys-on-tertiary);--kx-tertiary-container: var(--mat-sys-tertiary-container);--kx-on-tertiary-container: var(--mat-sys-on-tertiary-container);--kx-error: var(--mat-sys-error);--kx-on-error: var(--mat-sys-on-error);--kx-error-container: var(--mat-sys-error-container);--kx-on-error-container: var(--mat-sys-on-error-container);--kx-bg: var(--mat-sys-surface);--kx-surface: light-dark(var(--mat-sys-surface-container-lowest), var(--mat-sys-surface-container-low));--kx-surface-1: light-dark(var(--mat-sys-surface-container-low), var(--mat-sys-surface-container));--kx-surface-2: light-dark(var(--mat-sys-surface-container), var(--mat-sys-surface-container-high));--kx-surface-3: light-dark(var(--mat-sys-surface-container-high), var(--mat-sys-surface-container-highest));--kx-surface-4: var(--mat-sys-surface-container-highest);--kx-text: var(--mat-sys-on-surface);--kx-text-2: var(--mat-sys-on-surface-variant);--kx-text-3: color-mix(in srgb, var(--mat-sys-on-surface-variant) 80%, var(--mat-sys-surface));--kx-outline: var(--mat-sys-outline-variant);--kx-outline-strong: var(--mat-sys-outline);--kx-inverse-surface: var(--mat-sys-inverse-surface);--kx-inverse-on-surface: var(--mat-sys-inverse-on-surface);--kx-inverse-primary: var(--mat-sys-inverse-primary);--kx-scrim: color-mix(in srgb, var(--mat-sys-scrim) 40%, transparent);--kx-state-hover: 8%;--kx-state-focus: 10%;--kx-state-pressed: 10%;--kx-success: light-dark(#26762d, #8cd28d);--kx-on-success: light-dark(#ffffff, #132413);--kx-success-container: light-dark(#d8f2d7, #203d21);--kx-on-success-container: light-dark(#193c1b, #d0e5d0);--kx-warning: light-dark(#9e4604, #fda578);--kx-on-warning: light-dark(#ffffff, #2f190e);--kx-warning-container: light-dark(#ffe3d5, #4e2b18);--kx-on-warning-container: light-dark(#4f260f, #f3d8ca);--kx-info: light-dark(#2163b1, #91c1ff);--kx-on-info: light-dark(#ffffff, #122032);--kx-info-container: light-dark(#dcebff, #1f3654);--kx-on-info-container: light-dark(#183356, #cfe0f6);--kx-violet: light-dark(#6851a5, #c1b0ff);--kx-on-violet: light-dark(#ffffff, #201b30);--kx-violet-container: light-dark(#eae6ff, #372f51);--kx-on-violet-container: light-dark(#352b53, #dfdaf4);--kx-teal: light-dark(#137367, #7cd0c1);--kx-on-teal: light-dark(#ffffff, #032521);--kx-teal-container: light-dark(#caf4eb, #003f37);--kx-on-teal-container: light-dark(#003c35, #c6e6df);--kx-rose: light-dark(#a13958, #ff9cb2);--kx-on-rose: light-dark(#ffffff, #2f171c);--kx-rose-container: light-dark(#ffe1e6, #4f2731);--kx-on-rose-container: light-dark(#50222e, #f4d5da);--kx-swatch-kaasib: #009b4d;--kx-swatch-ocean: #1565c0;--kx-swatch-violet: #6750a4;--kx-swatch-rose: #c2185b;--kx-swatch-teal: #00897b;--kx-swatch-graphite: #5f6a70;--kx-on-swatch: #ffffff;--kx-space-1: 4px;--kx-space-2: 8px;--kx-space-3: 12px;--kx-space-4: 16px;--kx-space-5: 20px;--kx-space-6: 24px;--kx-space-7: 32px;--kx-space-8: 40px;--kx-space-9: 48px;--kx-space-10: 64px;--kx-radius-xs: 4px;--kx-radius-sm: 8px;--kx-radius-md: 12px;--kx-radius-lg: 16px;--kx-radius-xl: 28px;--kx-radius-full: 999px;--kx-radius-control: 5px;--kx-elev-0: var(--mat-sys-level0);--kx-elev-1: var(--mat-sys-level1);--kx-elev-2: var(--mat-sys-level2);--kx-elev-3: var(--mat-sys-level3);--kx-ease: cubic-bezier(.2, 0, 0, 1);--kx-ease-decel: cubic-bezier(.05, .7, .1, 1);--kx-dur-1: .1s;--kx-dur-2: .2s;--kx-dur-3: .3s;--kx-dur-4: .45s;--kx-control-h: 40px;--kx-control-h-sm: 32px;--kx-field-gap-y: var(--kx-space-5);--kx-field-gap-x: var(--kx-space-4);--kx-field-min: 200px;--kx-row-h: 52px;--kx-header-h: 64px;--kx-nav-w: 272px;--kx-rail-w: 80px;--kx-icon-sm: 16px;--kx-icon-md: 20px;--kx-icon-lg: 24px;--kx-icon-hero: 48px;--kx-z-base: 0;--kx-z-sticky: 10;--kx-z-header: 100;--kx-z-drawer: 200;--kx-z-dialog: 1000;--kx-z-toast: 1100;--kx-z-tooltip: 1200;--kx-primary-strong: color-mix(in srgb, var(--mat-sys-primary) 86%, var(--mat-sys-on-surface));--kx-primary-bright: var(--mat-sys-primary);--kx-gradient: linear-gradient(135deg, var(--mat-sys-primary) 0%, var(--kx-primary-strong) 100%);--kx-accent: var(--mat-sys-tertiary-fixed-dim);--kx-on-accent: var(--mat-sys-on-tertiary-fixed);--kx-accent-strong: var(--mat-sys-tertiary);--kx-accent-container: var(--mat-sys-tertiary-container);--kx-ink: var(--mat-sys-inverse-surface);--kx-radius: var(--kx-radius-lg);--kx-shadow: var(--kx-elev-1);--kx-shadow-md: var(--kx-elev-2);--green: var(--kx-primary);--tangerine-yellow: var(--kx-accent);--ivory: var(--kx-surface-1);--blue: var(--kx-primary);--dark-blue: var(--kx-primary-strong);--light-gray: var(--kx-surface-1);--gray: var(--kx-outline-strong);--dark-gray: var(--kx-text);--danger: var(--kx-error);--warning: var(--kx-warning);--success: var(--kx-success);--font-primary: var(--kx-font)}:root[data-contrast=high]{--kx-success: light-dark(#005b12, #a5eda6);--kx-on-success: light-dark(#ffffff, #132413);--kx-success-container: light-dark(#d8f2d7, #203d21);--kx-on-success-container: light-dark(#193c1b, #d0e5d0);--kx-warning: light-dark(#7f3600, #ffcaaf);--kx-on-warning: light-dark(#ffffff, #2f190e);--kx-warning-container: light-dark(#ffe3d5, #4e2b18);--kx-on-warning-container: light-dark(#4f260f, #f3d8ca);--kx-info: light-dark(#004b96, #bedaff);--kx-on-info: light-dark(#ffffff, #122032);--kx-info-container: light-dark(#dcebff, #1f3654);--kx-on-info-container: light-dark(#183356, #cfe0f6);--kx-violet: light-dark(#553d8f, #d9d0ff);--kx-on-violet: light-dark(#ffffff, #201b30);--kx-violet-container: light-dark(#eae6ff, #372f51);--kx-on-violet-container: light-dark(#352b53, #dfdaf4);--kx-teal: light-dark(#00574d, #96eadb);--kx-on-teal: light-dark(#ffffff, #032521);--kx-teal-container: light-dark(#caf4eb, #003f37);--kx-on-teal-container: light-dark(#003c35, #c6e6df);--kx-rose: light-dark(#8b2446, #ffc6d1);--kx-on-rose: light-dark(#ffffff, #2f171c);--kx-rose-container: light-dark(#ffe1e6, #4f2731);--kx-on-rose-container: light-dark(#50222e, #f4d5da);--kx-text-3: var(--mat-sys-on-surface-variant)}:root:not([data-accent]),:root[data-accent=kaasib]{--kx-success: light-dark(#007465, #53d7c0);--kx-on-success: light-dark(#ffffff, #042520);--kx-success-container: light-dark(#caf4ea, #003f36);--kx-on-success-container: light-dark(#003c34, #c6e6df)}:root:not([data-accent])[data-contrast=high],:root[data-accent=kaasib][data-contrast=high]{--kx-success: light-dark(#00584c, #70f1d9);--kx-on-success: light-dark(#ffffff, #042520);--kx-success-container: light-dark(#caf4ea, #003f36);--kx-on-success-container: light-dark(#003c34, #c6e6df)}:root[data-density=compact]{--kx-row-h: 44px}[data-tone],[data-tone=neutral]{--tone: var(--kx-text-2);--tone-container: var(--kx-surface-2);--tone-border: var(--kx-outline);--on-tone: var(--kx-surface)}[data-tone=primary]{--tone: var(--kx-primary);--tone-container: var(--kx-primary-container);--tone-border: color-mix(in srgb, var(--kx-primary) 35%, var(--kx-surface));--on-tone: var(--kx-on-primary)}[data-tone=success]{--tone: var(--kx-success);--tone-container: var(--kx-success-container);--tone-border: color-mix(in srgb, var(--kx-success) 35%, var(--kx-surface));--on-tone: var(--kx-on-success)}[data-tone=warning]{--tone: var(--kx-warning);--tone-container: var(--kx-warning-container);--tone-border: color-mix(in srgb, var(--kx-warning) 35%, var(--kx-surface));--on-tone: var(--kx-on-warning)}[data-tone=danger]{--tone: var(--kx-error);--tone-container: var(--kx-error-container);--tone-border: color-mix(in srgb, var(--kx-error) 35%, var(--kx-surface));--on-tone: var(--kx-on-error)}[data-tone=info]{--tone: var(--kx-info);--tone-container: var(--kx-info-container);--tone-border: color-mix(in srgb, var(--kx-info) 35%, var(--kx-surface));--on-tone: var(--kx-on-info)}[data-tone=violet]{--tone: var(--kx-violet);--tone-container: var(--kx-violet-container);--tone-border: color-mix(in srgb, var(--kx-violet) 35%, var(--kx-surface));--on-tone: var(--kx-on-violet)}html{--mat-form-field-container-height: var(--kx-control-h);--mat-form-field-container-vertical-padding: 8px;--mat-form-field-container-text-font: var(--kx-font);--mat-form-field-container-text-size: var(--kx-fs-body-md);--mat-form-field-container-text-line-height: 24px;--mat-form-field-outlined-container-shape: var(--kx-radius-control);--mat-form-field-outlined-outline-color: var(--kx-outline-strong);--mat-form-field-outlined-hover-outline-color: var(--kx-text);--mat-form-field-outlined-focus-outline-color: var(--kx-primary);--mat-form-field-outlined-focus-outline-width: 2px;--mat-form-field-outlined-label-text-size: var(--kx-fs-body-md);--mat-form-field-outlined-label-text-font: var(--kx-font);--mat-form-field-subscript-text-size: var(--kx-fs-body-sm);--mat-form-field-subscript-text-font: var(--kx-font);--mat-select-panel-background-color: var(--mat-sys-surface-container);--mat-select-container-elevation-shadow: var(--kx-elev-2);--mat-select-trigger-text-size: var(--kx-fs-body-md);--mat-autocomplete-background-color: var(--mat-sys-surface-container);--mat-autocomplete-container-elevation-shadow: var(--kx-elev-2);--mat-autocomplete-container-shape: var(--kx-radius-md);--mat-option-label-text-size: var(--kx-fs-body-md);--mat-option-selected-state-layer-color: var(--kx-secondary-container);--mat-option-selected-state-label-text-color: var(--kx-on-secondary-container);--mat-menu-container-color: var(--mat-sys-surface-container);--mat-menu-container-shape: var(--kx-radius-md);--mat-menu-container-elevation-shadow: var(--kx-elev-2);--mat-menu-item-label-text-size: var(--kx-fs-body-md);--mat-menu-item-icon-size: var(--kx-icon-md);--mat-menu-divider-color: var(--kx-outline);--mat-button-filled-container-height: var(--kx-control-h);--mat-button-filled-container-shape: var(--kx-radius-full);--mat-button-filled-horizontal-padding: 24px;--mat-button-filled-label-text-size: var(--kx-fs-label-lg);--mat-button-filled-label-text-weight: var(--kx-weight-medium);--mat-button-outlined-container-height: var(--kx-control-h);--mat-button-outlined-container-shape: var(--kx-radius-full);--mat-button-outlined-horizontal-padding: 24px;--mat-button-outlined-label-text-size: var(--kx-fs-label-lg);--mat-button-outlined-label-text-weight: var(--kx-weight-medium);--mat-button-outlined-outline-color: var(--kx-outline-strong);--mat-button-text-container-height: var(--kx-control-h);--mat-button-text-container-shape: var(--kx-radius-full);--mat-button-text-horizontal-padding: 12px;--mat-button-text-label-text-size: var(--kx-fs-label-lg);--mat-button-text-label-text-weight: var(--kx-weight-medium);--mat-button-tonal-container-height: var(--kx-control-h);--mat-button-tonal-container-shape: var(--kx-radius-full);--mat-button-tonal-horizontal-padding: 24px;--mat-button-tonal-label-text-size: var(--kx-fs-label-lg);--mat-button-tonal-label-text-weight: var(--kx-weight-medium);--mat-button-protected-container-height: var(--kx-control-h);--mat-button-protected-container-shape: var(--kx-radius-full);--mat-button-protected-horizontal-padding: 24px;--mat-button-protected-label-text-size: var(--kx-fs-label-lg);--mat-button-protected-label-text-weight: var(--kx-weight-medium);--mat-icon-button-state-layer-size: var(--kx-control-h);--mat-icon-button-icon-size: var(--kx-icon-md);--mat-icon-button-container-shape: var(--kx-radius-full);--mat-fab-container-shape: var(--kx-radius-lg);--mat-fab-small-container-shape: var(--kx-radius-md);--mat-fab-extended-container-shape: var(--kx-radius-lg);--mat-fab-extended-label-text-size: var(--kx-fs-label-lg);--mat-fab-extended-label-text-weight: var(--kx-weight-medium);--mat-button-toggle-height: var(--kx-control-h);--mat-button-toggle-shape: var(--kx-radius-full);--mat-button-toggle-label-text-size: var(--kx-fs-label-lg);--mat-button-toggle-selected-state-background-color: var(--kx-secondary-container);--mat-button-toggle-selected-state-text-color: var(--kx-on-secondary-container);--mat-chip-container-height: var(--kx-control-h-sm);--mat-chip-container-shape-radius: var(--kx-radius-control);--mat-chip-label-text-size: var(--kx-fs-label-md);--mat-chip-label-text-weight: var(--kx-weight-medium);--mat-chip-with-icon-icon-size: 18px;--mat-table-background-color: transparent;--mat-table-header-container-height: 48px;--mat-table-header-headline-color: var(--kx-text-2);--mat-table-header-headline-size: var(--kx-fs-label-md);--mat-table-header-headline-weight: var(--kx-weight-medium);--mat-table-row-item-container-height: var(--kx-row-h);--mat-table-row-item-label-text-size: var(--kx-fs-body-md);--mat-table-row-item-outline-color: var(--kx-outline);--mat-paginator-container-background-color: transparent;--mat-paginator-container-text-size: var(--kx-fs-body-sm);--mat-paginator-container-size: 48px;--mat-tab-container-height: 48px;--mat-tab-label-text-size: var(--kx-fs-label-lg);--mat-tab-label-text-weight: var(--kx-weight-medium);--mat-tab-divider-color: var(--kx-outline);--mat-dialog-container-shape: var(--kx-radius-xl);--mat-dialog-container-color: var(--mat-sys-surface-container-high);--mat-dialog-subhead-size: var(--kx-fs-title-lg);--mat-dialog-subhead-weight: var(--kx-weight-strong);--mat-dialog-supporting-text-size: var(--kx-fs-body-md);--mat-dialog-content-padding: var(--kx-space-6);--mat-dialog-with-actions-content-padding: 0 var(--kx-space-6);--mat-dialog-actions-padding: var(--kx-space-4) var(--kx-space-6) var(--kx-space-6);--mat-card-elevated-container-shape: var(--kx-radius-lg);--mat-card-outlined-container-shape: var(--kx-radius-lg);--mat-card-filled-container-shape: var(--kx-radius-lg);--mat-card-outlined-outline-color: var(--kx-outline);--mat-sidenav-container-shape: 0;--mat-sidenav-container-background-color: var(--mat-sys-surface-container);--mat-sidenav-content-background-color: var(--kx-bg);--mat-tooltip-container-shape: var(--kx-radius-xs);--mat-tooltip-supporting-text-size: var(--kx-fs-body-sm);--mat-snack-bar-container-shape: var(--kx-radius-sm);--mat-snack-bar-supporting-text-size: var(--kx-fs-body-md);--mat-badge-text-size: var(--kx-fs-label-sm);--mat-progress-bar-active-indicator-height: 4px;--mat-progress-bar-track-height: 4px}.kx-btn-danger{--mat-button-filled-container-color: var(--kx-error);--mat-button-filled-label-text-color: var(--kx-on-error);--mat-button-filled-state-layer-color: var(--kx-on-error);--mat-button-text-label-text-color: var(--kx-error);--mat-button-text-state-layer-color: var(--kx-error);--mat-button-outlined-label-text-color: var(--kx-error);--mat-button-outlined-state-layer-color: var(--kx-error)}.app-confirm-panel{--mat-dialog-container-min-width: 0;--mat-dialog-container-small-max-width: calc(100vw - 32px) }.app-confirm-backdrop{background:var(--kx-scrim)}.mat-mdc-option,.mat-mdc-menu-item{min-height:40px}@media(max-width:599.98px){.cdk-overlay-pane.mat-mdc-dialog-panel:not(.app-confirm-panel){width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh!important;--mat-dialog-container-shape: 0;--mat-dialog-container-small-max-width: 100vw}}.mat-mdc-snack-bar-container.app-toast-panel{--mat-snack-bar-container-color: transparent}.mat-mdc-snack-bar-container.app-toast-panel .mdc-snackbar__surface{min-width:0;padding:0;box-shadow:none}.mat-mdc-snack-bar-container.app-toast-panel .mdc-snackbar__label{padding:0}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font:var(--kx-type-body-md);background:var(--kx-bg);color:var(--kx-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button,input,select,textarea{font-family:inherit}a{color:var(--kx-primary);text-underline-offset:2px}::selection{background:var(--kx-primary-container);color:var(--kx-on-primary-container)}:focus-visible{outline:2px solid var(--kx-primary);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--kx-outline-strong) transparent}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.mat-icon.material-symbols-rounded{overflow:visible}.kx-icon-filled,[aria-selected=true]>.mat-icon,[aria-current=page] .mat-icon,.is-active .mat-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--kx-dur-2);animation-timing-function:var(--kx-ease)}html.kx-theme-switching *,html.kx-theme-switching *:before,html.kx-theme-switching *:after{transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after,::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.kx-type-display-sm{font:var(--kx-type-display-sm);letter-spacing:var(--mat-sys-display-small-tracking)}.kx-type-headline-md{font:var(--kx-type-headline-md);letter-spacing:var(--mat-sys-headline-medium-tracking)}.kx-type-headline-sm{font:var(--kx-type-headline-sm);letter-spacing:var(--mat-sys-headline-small-tracking)}.kx-type-title-lg{font:var(--kx-type-title-lg);letter-spacing:var(--mat-sys-title-large-tracking)}.kx-type-title-md{font:var(--kx-type-title-md);letter-spacing:var(--mat-sys-title-medium-tracking)}.kx-type-title-sm{font:var(--kx-type-title-sm);letter-spacing:var(--mat-sys-title-small-tracking)}.kx-type-body-lg{font:var(--kx-type-body-lg);letter-spacing:var(--mat-sys-body-large-tracking)}.kx-type-body-md{font:var(--kx-type-body-md);letter-spacing:var(--mat-sys-body-medium-tracking)}.kx-type-body-sm{font:var(--kx-type-body-sm);letter-spacing:var(--mat-sys-body-small-tracking)}.kx-type-label-lg{font:var(--kx-type-label-lg);letter-spacing:var(--mat-sys-label-large-tracking)}.kx-type-label-md{font:var(--kx-type-label-md);letter-spacing:var(--mat-sys-label-medium-tracking)}.kx-type-label-sm{font:var(--kx-type-label-sm);letter-spacing:var(--mat-sys-label-small-tracking)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--kx-weight-strong)}p{margin:0}.kx-page{display:grid;gap:var(--kx-space-6);min-width:0;max-width:1440px;margin:0 auto;padding:var(--kx-space-6);color:var(--kx-text)}.kx-page>*{min-width:0}.app-main .kx-page{padding:0}@media(max-width:599.98px){.kx-page{padding:var(--kx-space-4);gap:var(--kx-space-4)}}.kx-embedded .kx-page{padding:0;max-width:none}.kx-embedded .kx-hero{justify-content:flex-end;padding:0;border-bottom:0}.kx-embedded .kx-hero__icon,.kx-embedded .kx-hero__text{display:none}.kx-embedded .la .la-hero{justify-content:flex-end;padding:0;border:0;background:none;box-shadow:none}.kx-embedded .la .la-hero__glow,.kx-embedded .la .la-hero__icon,.kx-embedded .la .la-hero__text{display:none}.kx-hero,.kx-banner{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--kx-space-3) var(--kx-space-4);min-height:56px;padding:0 0 var(--kx-space-3);border-bottom:1px solid var(--kx-outline);color:var(--kx-text)}.kx-hero__icon,.kx-banner__icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--kx-radius-full);background:var(--kx-primary-container);color:var(--kx-on-primary-container)}.kx-hero__icon mat-icon,.kx-banner__icon mat-icon{width:var(--kx-icon-lg);height:var(--kx-icon-lg);font-size:var(--kx-icon-lg)}.kx-hero__text{position:relative;z-index:3;display:flex;align-items:center;flex:1 1 220px;min-width:0;outline:none}.kx-hero__eyebrow{display:none}.kx-hero__title,.kx-banner__title h1{margin:0;font:var(--kx-type-headline-sm);letter-spacing:var(--mat-sys-headline-small-tracking);color:var(--kx-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kx-hero__text:has(.kx-hero__subtitle) .kx-hero__title:after{content:"info";margin-left:var(--kx-space-2);font-family:Material Symbols Rounded;font-size:var(--kx-icon-md);font-weight:var(--kx-weight-regular);vertical-align:-3px;color:var(--kx-text-3);cursor:help}.kx-hero__subtitle{display:none;position:absolute;top:calc(100% + var(--kx-space-2));left:0;z-index:var(--kx-z-tooltip);width:max-content;max-width:min(34rem,100vw - 48px);margin:0;padding:var(--kx-space-2) var(--kx-space-3);border-radius:var(--kx-radius-xs);font:var(--kx-type-body-sm);color:var(--kx-inverse-on-surface);background:var(--kx-inverse-surface)}.kx-hero__text:hover .kx-hero__subtitle,.kx-hero__text:focus-within .kx-hero__subtitle{display:block}.kx-hero__text:hover .kx-hero__title:after{color:var(--kx-text-2)}body.kx-help .kx-hero__text{flex-direction:column;align-items:flex-start}body.kx-help .kx-hero__title:after{display:none}body.kx-help .kx-hero__subtitle{display:block;position:static;width:auto;max-width:52rem;margin-top:var(--kx-space-1);padding:0;font:var(--kx-type-body-md);color:var(--kx-text-2);background:none}.kx-hero__actions,.kx-banner__tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kx-space-2);margin-left:auto}.kx-banner__title{display:flex;align-items:center;gap:var(--kx-space-3);min-width:0}.kx-count{display:inline-flex;align-items:center;height:24px;padding:0 var(--kx-space-2);border-radius:var(--kx-radius-control);background:var(--kx-secondary-container);color:var(--kx-on-secondary-container);font:var(--kx-type-label-md);font-variant-numeric:tabular-nums}.kx-banner__btn{display:grid;place-items:center;flex-shrink:0;width:var(--kx-control-h);height:var(--kx-control-h);padding:0;border:0;border-radius:var(--kx-radius-full);background:transparent;color:var(--kx-text-2);text-decoration:none;cursor:pointer;transition:background-color var(--kx-dur-2) var(--kx-ease),color var(--kx-dur-2) var(--kx-ease)}.kx-banner__btn:hover:not(:disabled){background:color-mix(in srgb,var(--kx-text) var(--kx-state-hover),transparent);color:var(--kx-text)}.kx-banner__btn:disabled{opacity:.38;cursor:default}.kx-banner__btn mat-icon{width:var(--kx-icon-lg);height:var(--kx-icon-lg);font-size:var(--kx-icon-lg)}.kx-banner__btn .kx-spin,.kx-spin{animation:kx-spin .9s linear infinite}.kx-banner__fab{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;padding:0;border:0;border-radius:var(--kx-radius-lg);background:var(--kx-primary-container);color:var(--kx-on-primary-container);text-decoration:none;cursor:pointer;box-shadow:var(--kx-elev-3);transition:box-shadow var(--kx-dur-2) var(--kx-ease),background-color var(--kx-dur-2) var(--kx-ease)}.kx-banner__fab:hover{background:color-mix(in srgb,var(--kx-on-primary-container) var(--kx-state-hover),var(--kx-primary-container));box-shadow:var(--kx-elev-3),var(--kx-elev-1)}.kx-banner__fab mat-icon{width:var(--kx-icon-lg);height:var(--kx-icon-lg);font-size:var(--kx-icon-lg)}.kx-banner__live,.kx-live{display:inline-flex;align-items:center;gap:var(--kx-space-2);height:32px;padding:0 var(--kx-space-3) 0 var(--kx-space-2);border-radius:var(--kx-radius-control);border:1px solid var(--kx-outline);background:var(--kx-surface);color:var(--kx-text-2);font:var(--kx-type-label-md);white-space:nowrap}.kx-banner__live:before,.kx-live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--kx-outline-strong)}.kx-banner__live[data-state=connected]:before,.kx-live[data-tone=success]:before{background:var(--kx-success);animation:kx-pulse 1.8s ease-out infinite;--tone: var(--kx-success)}.kx-banner__live[data-state=connecting]:before{background:var(--kx-warning)}@media(max-width:599.98px){.kx-banner__live{padding:0 var(--kx-space-2);font-size:0;gap:0}.kx-hero__actions{width:100%}}.kx-btabs{display:flex;flex-basis:100%;order:3;gap:0;min-width:0;margin-bottom:calc(-1 * var(--kx-space-3) - 1px);overflow-x:auto;scrollbar-width:none}.kx-btabs::-webkit-scrollbar{display:none}.kx-btab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--kx-space-2);height:48px;padding:0 var(--kx-space-4);border:0;background:transparent;color:var(--kx-text-2);font:var(--kx-type-label-lg);white-space:nowrap;cursor:pointer;transition:background-color var(--kx-dur-2) var(--kx-ease),color var(--kx-dur-2) var(--kx-ease)}.kx-btab:hover{background:color-mix(in srgb,var(--kx-text) var(--kx-state-hover),transparent);color:var(--kx-text)}.kx-btab:focus-visible{outline-offset:-2px}.kx-btab__icon{display:grid;place-items:center}.kx-btab__icon mat-icon{width:var(--kx-icon-md);height:var(--kx-icon-md);font-size:var(--kx-icon-md)}.kx-btab[aria-selected=true]{color:var(--kx-primary)}.kx-btab[aria-selected=true]:after{content:"";position:absolute;left:var(--kx-space-2);right:var(--kx-space-2);bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--kx-primary)}.kx-btab[aria-selected=true] .kx-btab__icon mat-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.kx-btab__badge{min-width:20px;height:20px;padding:0 6px;border-radius:var(--kx-radius-full);background:var(--kx-error);color:var(--kx-on-error);font:var(--kx-type-label-sm);line-height:20px;text-align:center;font-variant-numeric:tabular-nums}.kx-btabs>span[class$=-sep]{align-self:center;width:1px;height:24px;background:var(--kx-outline)}.kx-banner:has(.kx-btabs){padding-bottom:var(--kx-space-3)}@media(max-width:599.98px){.kx-btab{flex:1 0 auto;padding:0 var(--kx-space-3)}.kx-btab__label{display:none}}.kx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--kx-space-3)}.kx-stat{position:relative;display:flex;align-items:center;gap:var(--kx-space-3);min-width:0;padding:var(--kx-space-3) var(--kx-space-4);border-radius:var(--kx-radius-lg);border:1px solid var(--kx-outline);background:var(--kx-surface);color:inherit;font:inherit;text-align:left;transition:border-color var(--kx-dur-2) var(--kx-ease),box-shadow var(--kx-dur-2) var(--kx-ease),background-color var(--kx-dur-2) var(--kx-ease)}button.kx-stat{cursor:pointer}button.kx-stat:hover{box-shadow:var(--kx-elev-1)}.kx-stat--active,.kx-stat[aria-pressed=true]{border-color:var(--kx-secondary);background:var(--kx-secondary-container);color:var(--kx-on-secondary-container)}.kx-stat__icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--kx-radius-full);background:var(--tone-container, var(--kx-primary-container));color:var(--tone, var(--kx-on-primary-container))}.kx-stat__icon mat-icon{width:var(--kx-icon-md);height:var(--kx-icon-md);font-size:var(--kx-icon-md)}.kx-stat__body{display:grid;min-width:0}.kx-stat__value{font:var(--kx-type-headline-md);font-variant-numeric:tabular-nums;color:inherit}.kx-stat__label{font:var(--kx-type-body-sm);color:var(--kx-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kx-stat__check{position:absolute;top:var(--kx-space-2);right:var(--kx-space-2);width:var(--kx-icon-md);height:var(--kx-icon-md);font-size:var(--kx-icon-md);color:var(--kx-on-secondary-container);opacity:0}.kx-stat[aria-pressed=true] .kx-stat__check{opacity:1}@media(max-width:599.98px){.kx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.kx-viewcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--kx-space-3)}.kx-viewcard{display:flex;align-items:center;gap:var(--kx-space-3);min-width:0;min-height:72px;padding:var(--kx-space-3) var(--kx-space-4);border-radius:var(--kx-radius-lg);border:1px solid var(--kx-outline);background:var(--kx-surface);color:var(--kx-text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--kx-dur-2) var(--kx-ease),box-shadow var(--kx-dur-2) var(--kx-ease),background-color var(--kx-dur-2) var(--kx-ease)}.kx-viewcard:hover{box-shadow:var(--kx-elev-1)}.kx-viewcard[aria-selected=true]:hover,.kx-viewcard[aria-pressed=true]:hover{box-shadow:inset 0 0 0 1px var(--kx-primary),var(--kx-elev-1)}.kx-viewcard[aria-selected=true],.kx-viewcard[aria-pressed=true]{border-color:var(--kx-primary);box-shadow:inset 0 0 0 1px var(--kx-primary)}.kx-viewcard__icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--kx-radius-full);background:var(--tone-container);color:var(--tone)}.kx-viewcard[aria-selected=true] .kx-viewcard__icon,.kx-viewcard[aria-pressed=true] .kx-viewcard__icon{background:var(--tone);color:var(--on-tone)}.kx-viewcard__icon mat-icon{width:var(--kx-icon-md);height:var(--kx-icon-md);font-size:var(--kx-icon-md)}.kx-viewcard__body{display:grid;min-width:0}.kx-viewcard__body strong{font:var(--kx-type-headline-md);font-variant-numeric:tabular-nums}.kx-viewcard__body span{font:var(--kx-type-body-sm);color:var(--kx-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:599.98px){.kx-viewcards{grid-template-columns:repeat(2,minmax(0,1fr))}}.kx-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kx-space-2)}.kx-toolbar__spacer{flex:1 1 auto}.kx-toolbar__count{font:var(--kx-type-body-md);color:var(--kx-text-2);white-space:nowrap}.kx-toolbar .kx-select{width:200px}.kx-tselect,.kx-tinput,.kx-input,select.kx-select,.kx-search,.kx-tsearch{height:var(--kx-control-h);border:1px solid var(--kx-outline-strong);border-radius:var(--kx-radius-control);background:var(--kx-surface);color:var(--kx-text);font:var(--kx-type-body-md);transition:border-color var(--kx-dur-1) var(--kx-ease),box-shadow var(--kx-dur-1) var(--kx-ease)}.kx-tselect:hover,.kx-tinput:hover,.kx-input:hover,select.kx-select:hover,.kx-search:hover,.kx-tsearch:hover{border-color:var(--kx-text)}.kx-tselect:focus-visible,.kx-tinput:focus,.kx-input:focus,select.kx-select:focus-visible,.kx-search:focus-within,.kx-tsearch:focus-within{border-color:var(--kx-primary);box-shadow:inset 0 0 0 1px var(--kx-primary);outline:none}.kx-search,.kx-tsearch{display:flex;align-items:center;gap:var(--kx-space-2);flex:1 1 280px;max-width:480px;padding:0 var(--kx-space-1) 0 var(--kx-space-3);color:var(--kx-text-2)}.kx-search mat-icon,.kx-tsearch mat-icon{width:var(--kx-icon-md);height:var(--kx-icon-md);font-size:var(--kx-icon-md)}.kx-search input,.kx-tsearch input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--kx-text);font:var(--kx-type-body-md)}.kx-search input::placeholder,.kx-tsearch input::placeholder{color:var(--kx-text-3)}.kx-search .mat-mdc-icon-button{--mat-icon-button-state-layer-size: 32px;width:32px;height:32px;padding:6px}.kx-tsearch__clear{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--kx-radius-full);background:transparent;color:var(--kx-text-2);cursor:pointer}.kx-tsearch__clear:hover{background:color-mix(in srgb,var(--kx-text) var(--kx-state-hover),transparent)}.kx-tselect,.kx-tinput,.kx-input,select.kx-select{padding:0 var(--kx-space-3)}.kx-tselect,select.kx-select{cursor:pointer}.kx-input:disabled,.kx-tinput:disabled,.kx-tselect:disabled{opacity:.38;cursor:not-allowed}textarea.kx-input{height:auto;min-height:var(--kx-control-h);padding:var(--kx-space-2) var(--kx-space-3);resize:vertical}.kx-tclear{display:inline-flex;align-items:center;gap:var(--kx-space-1);height:var(--kx-control-h);padding:0 var(--kx-space-4) 0 var(--kx-space-3);border:1px dashed var(--kx-outline-strong);border-radius:var(--kx-radius-full);background:transparent;color:var(--kx-text-2);font:var(--kx-type-label-lg);cursor:pointer}.kx-tclear mat-icon{width:var(--kx-icon-md);height:var(--kx-icon-md);font-size:var(--kx-icon-md)}.kx-tclear:hover{border-color:var(--kx-error);color:var(--kx-error)}.kx-tclear.kx-tclear--icon{justify-content:center;width:var(--kx-control-h);padding:0}.kx-seg{display:inline-flex;height:var(--kx-control-h);border:1px solid var(--kx-outline-strong);border-radius:var(--kx-radius-full);overflow:hidden;background:transparent}.kx-seg__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--kx-space-2);min-width:48px;padding:0 var(--kx-space-3);border:0;border-left:1px solid var(--kx-outline-strong);background:transparent;color:var(--kx-text);font:var(--kx-type-label-lg);white-space:nowrap;cursor:pointer;transition:background-color var(--kx-dur-2) var(--kx-ease),color var(--kx-dur-2) var(--kx-ease)}.kx-seg__btn:first-child{border-left:0}.kx-seg__btn mat-icon{width:var(--kx-icon-md);height:var(--kx-icon-md);font-size:var(--kx-icon-md)}.kx-seg__btn:hover{background:color-mix(in srgb,var(--kx-text) var(--kx-state-hover),transparent)}.kx-seg__btn:focus-visible{outline-offset:-2px}.kx-seg__btn[aria-checked=true],.kx-seg__btn[aria-pressed=true]{background:var(--kx-secondary-container);color:var(--kx-on-secondary-container)}.kx-seg__btn[aria-checked=true] mat-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.kx-seg__btn[aria-checked=true]:not(:has(mat-icon)):before{content:"check";font-family:Material Symbols Rounded;font-size:var(--kx-icon-md);line-height:1}.kx-chips{display:flex;flex-wrap:wrap;gap:var(--kx-space-2)}.kx-chip{display:inline-flex;align-items:center;gap:var(--kx-space-2);height:var(--kx-control-h-sm);padding:0 var(--kx-space-3);border-radius:var(--kx-radius-control);border:1px solid var(--kx-outline-strong);background:transparent;color:var(--kx-text-2);font:var(--kx-type-label-md);cursor:pointer;transition:background-color var(--kx-dur-2) var(--kx-ease)}.kx-chip mat-icon{width:var(--kx-icon-md);height:var(--kx-icon-md);font-size:var(--kx-icon-md)}.kx-chip:hover{background:color-mix(in srgb,var(--kx-text) var(--kx-state-hover),transparent)}.kx-chip[aria-pressed=true],.kx-chip[aria-checked=true]{border-color:transparent;background:var(--kx-secondary-container);color:var(--kx-on-secondary-container)}.kx-chip__count{min-width:20px;padding:0 var(--kx-space-1);border-radius:var(--kx-radius-full);text-align:center;font-variant-numeric:tabular-nums;background:color-mix(in srgb,currentColor 12%,transparent)}.kx-act{display:inline-flex;align-items:center;justify-content:center;gap:var(--kx-space-2);flex-shrink:0;min-width:var(--kx-control-h);height:var(--kx-control-h);padding:0 var(--kx-space-6) 0 var(--kx-space-4);border:1px solid var(--kx-outline-strong);border-radius:var(--kx-radius-full);background:transparent;color:var(--kx-text-2);font:var(--kx-type-label-lg);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color var(--kx-dur-2) var(--kx-ease),color var(--kx-dur-2) var(--kx-ease),border-color var(--kx-dur-2) var(--kx-ease)}.kx-act mat-icon{width:var(--kx-icon-md);height:var(--kx-icon-md);font-size:var(--kx-icon-md)}.kx-act:hover:not(:disabled),.kx-act.is-on{background:color-mix(in srgb,var(--kx-primary) var(--kx-state-hover),transparent);color:var(--kx-primary)}.kx-act:disabled{opacity:.38;cursor:not-allowed}.kx-act.kx-act--solo{width:var(--kx-control-h);padding:0;gap:0;border-color:transparent}.kx-act.kx-act--solo mat-icon{width:var(--kx-icon-md);height:var(--kx-icon-md);font-size:var(--kx-icon-md)}.kx-act.kx-act--solo:hover:not(:disabled){background:color-mix(in srgb,var(--kx-text) var(--kx-state-hover),transparent);color:var(--kx-text)}.kx-act.kx-act--solo.is-on{background:var(--kx-secondary-container);color:var(--kx-on-secondary-container)}.kx-act--primary{border-color:transparent;background:var(--kx-primary);color:var(--kx-on-primary)}.kx-act--primary:hover:not(:disabled){background:color-mix(in srgb,var(--kx-on-primary) var(--kx-state-hover),var(--kx-primary));color:var(--kx-on-primary);box-shadow:var(--kx-elev-1)}.kx-act--danger:hover:not(:disabled),.kx-act.kx-act--solo.kx-act--danger:hover:not(:disabled){background:var(--kx-error-container);color:var(--kx-on-error-container)}.kx-act--success:hover:not(:disabled),.kx-act.kx-act--solo.kx-act--success:hover:not(:disabled){background:var(--kx-success-container);color:var(--kx-on-success-container)}.kx-act[data-tone]:hover:not(:disabled),.kx-act[data-tone].is-on,.kx-act.kx-act--solo[data-tone]:hover:not(:disabled),.kx-act.kx-act--solo[data-tone].is-on{background:var(--tone-container);color:var(--tone)}.kx-act.kx-act--tone{border-color:transparent;background:var(--tone-container);color:var(--tone)}.kx-act.kx-act--tone:hover:not(:disabled){background:var(--tone);color:var(--on-tone)}@media(max-width:599.98px){.kx-act--primary{width:var(--kx-control-h);padding:0;font-size:0;gap:0}}.kx-row-actions{display:inline-flex;align-items:center;gap:var(--kx-space-1)}.kx-row-actions .mat-mdc-icon-button{color:var(--kx-text-2)}.kx-row-actions .kx-action--primary{color:var(--kx-primary)}.kx-row-actions .kx-action--danger,.kx-menu-danger,.kx-menu-danger .mat-icon{color:var(--kx-error)}.mat-mdc-menu-item:not(.kx-menu-danger)+.kx-menu-danger{border-top:1px solid var(--kx-outline)}.kx-table-card{border-radius:var(--kx-radius-lg);border:1px solid var(--kx-outline);background:var(--kx-surface);overflow:hidden}.kx-table-scroll{overflow:auto;max-height:min(70vh,900px)}.kx-table-card table.mat-mdc-table{width:100%}.kx-table-card th.mat-mdc-header-cell{position:sticky;top:0;z-index:var(--kx-z-sticky);background:var(--kx-surface-1);color:var(--kx-text-2);font:var(--kx-type-label-md);white-space:nowrap}.kx-table-card td.mat-mdc-cell,.kx-table-card th.mat-mdc-header-cell{padding:0 var(--kx-space-3)}.kx-table-card td.mat-mdc-cell:first-child,.kx-table-card th.mat-mdc-header-cell:first-child{padding-left:var(--kx-space-5)}.kx-table-card td.mat-mdc-cell:last-child,.kx-table-card th.mat-mdc-header-cell:last-child{padding-right:var(--kx-space-4)}.kx-table-card tr.mat-mdc-row{transition:background-color var(--kx-dur-1) var(--kx-ease)}.kx-table-card tr.mat-mdc-row:hover{background:color-mix(in srgb,var(--kx-text) 4%,transparent)}.kx-table-card tr.kx-row--clickable{cursor:pointer}.kx-table-card tr.kx-row--muted td{opacity:.6}.kx-table-card tr.kx-row--attention td:first-child{box-shadow:inset 3px 0 0 var(--kx-warning)}.kx-table-card .mat-mdc-paginator{border-top:1px solid var(--kx-outline)}.kx-col-actions{width:1%;white-space:nowrap;text-align:right}.kx-col-num{width:1%;white-space:nowrap;font-variant-numeric:tabular-nums}.kx-mono{font-variant-numeric:tabular-nums}.kx-muted{color:var(--kx-text-2)}.kx-small{font:var(--kx-type-body-sm)}.kx-nowrap{white-space:nowrap}.kx-ellipsis{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kxt-menu .kxt-menu__head{padding:var(--kx-space-2) var(--kx-space-4) var(--kx-space-1);font:var(--kx-type-label-sm);color:var(--kx-text-3)}.kxt-menu .mat-icon.kxt-menu__on{color:var(--kx-primary)}.kx-age{display:inline-flex;align-items:center;gap:var(--kx-space-1);height:24px;padding:0 var(--kx-space-2);border-radius:var(--kx-radius-control);background:var(--tone-container, var(--kx-surface-2));color:var(--tone, var(--kx-text-2));font:var(--kx-type-label-md);font-variant-numeric:tabular-nums;white-space:nowrap;vertical-align:middle}.kx-age mat-icon{width:var(--kx-icon-sm);height:var(--kx-icon-sm);font-size:var(--kx-icon-sm)}.kx-person{display:flex;align-items:center;gap:var(--kx-space-3);min-width:0}.kx-person__text{display:grid;min-width:0}.kx-person__name{font:var(--kx-type-title-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kx-person__sub{font:var(--kx-type-body-sm);color:var(--kx-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.kx-avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--kx-secondary-container);color:var(--kx-on-secondary-container);font:var(--kx-type-label-lg);overflow:hidden}.kx-avatar img{width:100%;height:100%;object-fit:cover}.kx-avatar--sm{width:32px;height:32px;font:var(--kx-type-label-md)}.kx-avatar--lg{width:56px;height:56px;font:var(--kx-type-title-md)}.kx-avatar[data-color="1"]{background:var(--kx-info-container);color:var(--kx-on-info-container)}.kx-avatar[data-color="2"]{background:var(--kx-tertiary-container);color:var(--kx-on-tertiary-container)}.kx-avatar[data-color="3"]{background:var(--kx-violet-container);color:var(--kx-on-violet-container)}.kx-avatar[data-color="4"]{background:var(--kx-success-container);color:var(--kx-on-success-container)}.kx-avatar[data-color="5"]{background:var(--kx-error-container);color:var(--kx-on-error-container)}.kx-presence{position:relative;display:inline-flex;flex-shrink:0}.kx-presence:after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px var(--kx-surface);background:var(--kx-outline-strong)}.kx-presence[data-state=Available]:after{background:var(--kx-success)}.kx-presence[data-state=Busy]:after{background:var(--kx-warning)}.kx-presence:not([data-state]):after,.kx-presence[data-state=""]:after{display:none}.kx-pill,.kx-state{display:inline-flex;align-items:center;gap:var(--kx-space-1);height:24px;padding:0 var(--kx-space-2);border-radius:var(--kx-radius-control);background:var(--tone-container, var(--kx-surface-2));color:var(--tone, var(--kx-text-2));font:var(--kx-type-label-md);white-space:nowrap}.kx-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.kx-pill--plain:before{display:none}.kx-pill mat-icon,.kx-state mat-icon{width:var(--kx-icon-sm);height:var(--kx-icon-sm);font-size:var(--kx-icon-sm)}.kx-state{padding-left:var(--kx-space-1)}.kx-tag{display:inline-flex;align-items:center;gap:var(--kx-space-1);height:24px;padding:0 var(--kx-space-2);border-radius:var(--kx-radius-control);background:var(--kx-surface-2);color:var(--kx-text-2);font:var(--kx-type-label-md);white-space:nowrap}.kx-tag mat-icon{width:var(--kx-icon-sm);height:var(--kx-icon-sm);font-size:var(--kx-icon-sm)}.kx-tags{display:inline-flex;flex-wrap:wrap;gap:var(--kx-space-1)}.kx-tchip,.kx-tfilter{display:inline-flex;align-items:center;gap:var(--kx-space-1);height:24px;padding:0 var(--kx-space-2) 0 var(--kx-space-1);border-radius:var(--kx-radius-control);background:var(--tone-container);color:var(--tone);font:var(--kx-type-label-md);white-space:nowrap}.kx-tfilter{height:var(--kx-control-h-sm);padding:0 var(--kx-space-3) 0 var(--kx-space-2)}.kx-tchip mat-icon,.kx-tfilter mat-icon{width:var(--kx-icon-sm);height:var(--kx-icon-sm);font-size:var(--kx-icon-sm)}.kx-ibadge{display:inline-grid;place-items:center;flex-shrink:0;width:var(--kx-control-h-sm);height:var(--kx-control-h-sm);border-radius:50%;background:var(--tone-container);color:var(--tone)}.kx-ibadge mat-icon{width:var(--kx-icon-md);height:var(--kx-icon-md);font-size:var(--kx-icon-md)}.kx-verify{display:inline-flex;gap:var(--kx-space-1)}.kx-verify__badge{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--kx-radius-sm);background:var(--kx-surface-2);color:var(--kx-text-3)}.kx-verify__badge mat-icon{width:var(--kx-icon-sm);height:var(--kx-icon-sm);font-size:var(--kx-icon-sm)}.kx-verify__badge--yes{background:var(--kx-success-container);color:var(--kx-success)}.kx-money{display:inline-flex;align-items:baseline;gap:var(--kx-space-1);font-weight:var(--kx-weight-strong);font-variant-numeric:tabular-nums;white-space:nowrap}.kx-money small{font:var(--kx-type-label-sm);color:var(--kx-text-3)}.kx-money--in{color:var(--kx-success)}.kx-money--out{color:var(--kx-error)}.kx-copy{display:inline-flex;align-items:center;gap:var(--kx-space-1);margin-left:calc(-1 * var(--kx-space-2));padding:var(--kx-space-1) var(--kx-space-2);border:0;border-radius:var(--kx-radius-sm);background:transparent;color:inherit;font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer}.kx-copy mat-icon{width:var(--kx-icon-sm);height:var(--kx-icon-sm);font-size:var(--kx-icon-sm);opacity:0;color:var(--kx-primary);transition:opacity var(--kx-dur-2) var(--kx-ease)}.kx-copy:hover:not(:disabled){background:color-mix(in srgb,var(--kx-primary) var(--kx-state-hover),transparent)}.kx-copy:hover:not(:disabled) mat-icon{opacity:1}.kx-copy:disabled{cursor:default}.kx-facts{display:flex;flex-wrap:wrap;gap:var(--kx-space-2);margin:0;padding:0;list-style:none}.kx-facts>li{display:inline-flex;align-items:center;gap:var(--kx-space-2);min-height:var(--kx-control-h-sm);padding:0 var(--kx-space-3) 0 var(--kx-space-2);border-radius:var(--kx-radius-sm);border:1px solid var(--kx-outline);background:var(--kx-surface-1);color:var(--kx-text);font:var(--kx-type-body-md);font-variant-numeric:tabular-nums}.kx-facts>li>mat-icon{width:var(--kx-icon-md);height:var(--kx-icon-md);font-size:var(--kx-icon-md);color:var(--kx-text-2)}.kx-facts>li[data-tone]{border-color:var(--tone-border);background:var(--tone-container);color:var(--tone)}.kx-facts>li[data-tone]>mat-icon{color:var(--tone)}.kx-facts .kx-copy{margin-left:0;padding:0 var(--kx-space-1)}.kx-facts .kx-tags{gap:var(--kx-space-1)}.kx-note{display:flex;align-items:flex-start;gap:var(--kx-space-2);margin:var(--kx-space-3) 0 0;padding:var(--kx-space-2) var(--kx-space-3);border-radius:var(--kx-radius-md);background:var(--tone-container);color:var(--tone);font:var(--kx-type-body-md)}.kx-note mat-icon{flex-shrink:0;width:var(--kx-icon-md);height:var(--kx-icon-md);font-size:var(--kx-icon-md)}.kx-card{padding:var(--kx-space-5);border-radius:var(--kx-radius-lg);border:1px solid var(--kx-outline);background:var(--kx-surface)}.kx-card--clickable{cursor:pointer;transition:box-shadow var(--kx-dur-2) var(--kx-ease)}.kx-card--clickable:hover{box-shadow:var(--kx-elev-1)}.kx-card__head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--kx-space-3);margin-bottom:var(--kx-space-4)}.kx-card__icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--kx-radius-full);background:var(--kx-secondary-container);color:var(--kx-on-secondary-container)}.kx-card__icon mat-icon{width:var(--kx-icon-md);height:var(--kx-icon-md);font-size:var(--kx-icon-md)}.kx-card__titles{flex:1;min-width:0}.kx-card__title{margin:0;font:var(--kx-type-title-md);color:var(--kx-text)}.kx-card__subtitle{margin:var(--kx-space-1) 0 0;font:var(--kx-type-body-sm);color:var(--kx-text-2)}.kx-section-title{display:flex;align-items:center;gap:var(--kx-space-2);margin:var(--kx-space-1) 0 0;font:var(--kx-type-title-md)}@media(max-width:599.98px){.kx-card{padding:var(--kx-space-4)}}.kx-form-grid{--kx-form-cols: 4;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,max(var(--kx-field-min),(100% - (var(--kx-form-cols) - 1) * var(--kx-field-gap-x)) / var(--kx-form-cols))),1fr));gap:var(--kx-field-gap-y) var(--kx-field-gap-x);align-items:start}.kx-form-grid--2{--kx-form-cols: 2}.kx-form-grid--3{--kx-form-cols: 3}.kx-form-grid>.kx-span-full,.kx-form-grid>.kx-span-2{grid-column:1/-1}.kx-form-grid>.mat-mdc-form-field{width:100%}.kx-form-stack{display:grid;gap:var(--kx-field-gap-y)}.kx-form-stack>.mat-mdc-form-field{width:100%}.kx-savebar{position:sticky;bottom:var(--kx-space-4);z-index:var(--kx-z-sticky);display:flex;align-items:center;gap:var(--kx-space-2);width:fit-content;margin-left:auto;padding:var(--kx-space-2) var(--kx-space-2) var(--kx-space-2) var(--kx-space-4);border-radius:var(--kx-radius-lg);background:var(--kx-inverse-surface);color:var(--kx-inverse-on-surface);box-shadow:var(--kx-elev-2);font:var(--kx-type-body-md)}.kx-empty{display:grid;justify-items:center;gap:var(--kx-space-2);padding:var(--kx-space-9) var(--kx-space-4);text-align:center;color:var(--kx-text-2);font:var(--kx-type-body-md)}.kx-empty__art{display:grid;place-items:center;width:88px;height:88px;margin-bottom:var(--kx-space-2);border-radius:50%;background:var(--kx-secondary-container);color:var(--kx-on-secondary-container)}.kx-empty__art mat-icon{width:var(--kx-icon-hero);height:var(--kx-icon-hero);font-size:var(--kx-icon-hero)}.kx-empty__title{margin:0;font:var(--kx-type-title-md);color:var(--kx-text)}.kx-empty p{margin:0;max-width:28rem}.kx-empty .mat-mdc-button-base{margin-top:var(--kx-space-2)}.kx-loaderror{display:flex;align-items:center;gap:var(--kx-space-3);padding:var(--kx-space-3) var(--kx-space-4);border-radius:var(--kx-radius-md);background:var(--kx-error-container);color:var(--kx-on-error-container);font:var(--kx-type-body-md)}.kx-loaderror>mat-icon{flex-shrink:0}.kx-loaderror span{flex:1}.kx-skeleton{height:14px;border-radius:var(--kx-radius-sm);background:linear-gradient(90deg,var(--kx-surface-2) 25%,var(--kx-surface-3) 50%,var(--kx-surface-2) 75%);background-size:200% 100%;animation:kx-shimmer 1.2s linear infinite}.kx-hbtn{position:relative;display:inline-grid;place-items:center;flex-shrink:0;width:var(--kx-control-h);height:var(--kx-control-h);padding:0;border:0;border-radius:var(--kx-radius-full);background:transparent;color:var(--kx-text-2);text-decoration:none;cursor:pointer;transition:background-color var(--kx-dur-2) var(--kx-ease),color var(--kx-dur-2) var(--kx-ease)}.kx-hbtn:hover{background:color-mix(in srgb,var(--kx-text) var(--kx-state-hover),transparent);color:var(--kx-text)}.kx-hbtn.is-on{background:var(--kx-secondary-container);color:var(--kx-on-secondary-container)}.kx-hbtn__icon{position:relative;display:block;width:var(--kx-icon-lg);height:var(--kx-icon-lg)}.kx-hbtn__icon .mat-icon{display:block;width:var(--kx-icon-lg);height:var(--kx-icon-lg);font-size:var(--kx-icon-lg)}.kx-hbtn.is-on .mat-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.kx-hbtn.is-ringing .mat-icon{transform-origin:50% 2px;animation:kx-bell-ring .9s var(--kx-ease)}.kx-hbadge{position:absolute;top:-5px;left:13px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--kx-radius-full);background:var(--kx-error);color:var(--kx-on-error);font:var(--kx-type-label-sm);line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--kx-header-bg, var(--kx-bg));pointer-events:none}.kx-hbadge[data-tone]{background:var(--tone);color:var(--on-tone)}.kx-hbadge--dot{top:0;left:17px;min-width:0;width:8px;height:8px;padding:0}@keyframes kx-spin{to{transform:rotate(360deg)}}@keyframes kx-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes kx-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--tone, var(--kx-success)) 50%,transparent)}to{box-shadow:0 0 0 7px transparent}}@keyframes kx-banner-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--kx-success) 50%,transparent)}to{box-shadow:0 0 0 7px transparent}}@keyframes kx-bell-ring{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}@keyframes kx-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.kxt-bar{container-type:inline-size}.kx-ttools{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:center;gap:var(--kx-space-2);min-width:0}.kx-ttools .kx-tsearch{flex:1 1 240px;min-width:180px;max-width:420px}.kx-ttools .kx-tselect,.kx-ttools .kx-tinput{flex:0 1 180px;min-width:132px}.kx-ttools .kx-tclear{flex:none}@container (max-width: 720px){.kx-ttools{flex-wrap:wrap}.kx-ttools .kx-tsearch{flex:1 1 100%;max-width:none}.kx-ttools .kx-tselect,.kx-ttools .kx-tinput{flex:1 1 calc(50% - var(--kx-space-2))}}.kx-stack{display:flex;flex-direction:column;gap:var(--gap, var(--kx-space-3));min-width:0}.kx-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap, var(--kx-space-2));min-width:0}.kx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--min, 240px),1fr));gap:var(--gap, var(--kx-space-4))}.kx-spacer{flex:1 1 auto}.kx-truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kx-tabular{font-variant-numeric:tabular-nums}.kx-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:1239.98px){.kx-hide-lg{display:none!important}}@media(max-width:904.98px){.kx-hide-md{display:none!important}}@media(max-width:599.98px){.kx-hide-sm{display:none!important}}.kx-paper{color-scheme:light;background:var(--mat-sys-surface-container-lowest);color:var(--mat-sys-on-surface);font:var(--kx-type-body-md)}@media print{html{color-scheme:light}body{background:var(--mat-sys-surface-container-lowest);color:var(--mat-sys-on-surface)}.kx-no-print{display:none}}