html{height:100%;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--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 Roboto;--mat-sys-body-medium-font: Roboto;--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 Roboto;--mat-sys-body-small-font: Roboto;--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 Roboto;--mat-sys-display-large-font: Roboto;--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 Roboto;--mat-sys-display-medium-font: Roboto;--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 Roboto;--mat-sys-display-small-font: Roboto;--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 Roboto;--mat-sys-headline-large-font: Roboto;--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 Roboto;--mat-sys-headline-medium-font: Roboto;--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 Roboto;--mat-sys-headline-small-font: Roboto;--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 Roboto;--mat-sys-label-large-font: Roboto;--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: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--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: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--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 Roboto;--mat-sys-title-large-font: Roboto;--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 Roboto;--mat-sys-title-medium-font: Roboto;--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 Roboto;--mat-sys-title-small-font: Roboto;--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}:root{--app-bg: #f4f7fb;--app-surface: rgba(255, 255, 255, .92);--app-surface-raised: rgba(255, 255, 255, .98);--app-text: #15202b;--app-muted: #617181;--app-border: rgba(21, 32, 43, .12);--app-hover: rgba(21, 32, 43, .08);--app-hover-strong: rgba(21, 32, 43, .14);--app-shadow: rgba(21, 32, 43, .12);--app-toolbar-bg: linear-gradient(90deg, #0b57d0, #2474e0 58%, #4b98ff);--app-toolbar-text: #f8fbff;--app-glow: rgba(75, 152, 255, .18);--app-warning-bg: #fff4d6;--app-warning-border: #f2c46d;--app-warning-text: #6b4f00;--app-error: #b00020}body.app-theme-dark{color-scheme:dark;--app-bg: #0f1722;--app-surface: rgba(20, 28, 39, .95);--app-surface-raised: rgba(24, 34, 47, .98);--app-text: #edf3fb;--app-muted: #a8b5c4;--app-border: rgba(237, 243, 251, .1);--app-hover: rgba(237, 243, 251, .08);--app-hover-strong: rgba(237, 243, 251, .14);--app-shadow: rgba(0, 0, 0, .35);--app-toolbar-bg: linear-gradient(90deg, #102846, #163760 58%, #1e4b82);--app-toolbar-text: #edf3fb;--app-glow: rgba(73, 144, 226, .24);--app-warning-bg: rgba(107, 79, 0, .24);--app-warning-border: rgba(242, 196, 109, .55);--app-warning-text: #f3d58b;--app-error: #ff8c8c}body.app-theme-light{color-scheme:light}body.app-theme-sunrise{color-scheme:light;--app-bg: #fff6ef;--app-surface: rgba(255, 251, 247, .95);--app-surface-raised: rgba(255, 255, 255, .98);--app-text: #40221b;--app-muted: #8b5e52;--app-border: rgba(149, 85, 61, .18);--app-hover: rgba(223, 121, 78, .1);--app-hover-strong: rgba(223, 121, 78, .18);--app-shadow: rgba(186, 108, 79, .16);--app-toolbar-bg: linear-gradient(90deg, #ff8a5b, #ffb067 52%, #ffd19a);--app-toolbar-text: #fff8f2;--app-glow: rgba(255, 176, 103, .26);--app-warning-bg: #fff1cb;--app-warning-border: #efb35d;--app-warning-text: #764100;--app-error: #c63b30}body.app-theme-forest{color-scheme:light;--app-bg: #eef6f1;--app-surface: rgba(248, 252, 249, .95);--app-surface-raised: rgba(255, 255, 255, .98);--app-text: #193125;--app-muted: #567162;--app-border: rgba(39, 92, 63, .18);--app-hover: rgba(52, 121, 82, .1);--app-hover-strong: rgba(52, 121, 82, .18);--app-shadow: rgba(44, 94, 67, .14);--app-toolbar-bg: linear-gradient(90deg, #1f6b4c, #2f8f65 55%, #78b686);--app-toolbar-text: #f3fff9;--app-glow: rgba(120, 182, 134, .22);--app-warning-bg: #edf4d7;--app-warning-border: #a9c462;--app-warning-text: #425100;--app-error: #a52d3c}body.app-theme-ocean{color-scheme:light;--app-bg: #edf7fb;--app-surface: rgba(246, 252, 255, .95);--app-surface-raised: rgba(255, 255, 255, .98);--app-text: #133445;--app-muted: #53758a;--app-border: rgba(35, 111, 150, .18);--app-hover: rgba(45, 140, 184, .1);--app-hover-strong: rgba(45, 140, 184, .18);--app-shadow: rgba(43, 120, 158, .14);--app-toolbar-bg: linear-gradient(90deg, #0b6e99, #1394c2 50%, #6ed0eb);--app-toolbar-text: #f4fdff;--app-glow: rgba(110, 208, 235, .24);--app-warning-bg: #fff3cf;--app-warning-border: #edc066;--app-warning-text: #735000;--app-error: #be3d42}body.app-theme-rose{color-scheme:light;--app-bg: #fff2f6;--app-surface: rgba(255, 249, 251, .95);--app-surface-raised: rgba(255, 255, 255, .98);--app-text: #431f32;--app-muted: #8b6074;--app-border: rgba(176, 86, 129, .18);--app-hover: rgba(205, 95, 146, .1);--app-hover-strong: rgba(205, 95, 146, .18);--app-shadow: rgba(184, 96, 136, .16);--app-toolbar-bg: linear-gradient(90deg, #b84c80, #d96da2 52%, #efb0cf);--app-toolbar-text: #fff7fb;--app-glow: rgba(239, 176, 207, .26);--app-warning-bg: #fff0d0;--app-warning-border: #e8be73;--app-warning-text: #774d00;--app-error: #c42d5b}body.app-theme-amber{color-scheme:light;--app-bg: #fff8eb;--app-surface: rgba(255, 252, 244, .95);--app-surface-raised: rgba(255, 255, 255, .98);--app-text: #463214;--app-muted: #866744;--app-border: rgba(186, 128, 47, .2);--app-hover: rgba(230, 156, 50, .11);--app-hover-strong: rgba(230, 156, 50, .18);--app-shadow: rgba(177, 128, 46, .16);--app-toolbar-bg: linear-gradient(90deg, #a66a00, #dc9417 50%, #f4c05a);--app-toolbar-text: #fff9ef;--app-glow: rgba(244, 192, 90, .26);--app-warning-bg: #fff1cf;--app-warning-border: #efbf67;--app-warning-text: #744a00;--app-error: #b94d00}body.app-theme-lavender{color-scheme:light;--app-bg: #f6f1ff;--app-surface: rgba(251, 249, 255, .95);--app-surface-raised: rgba(255, 255, 255, .98);--app-text: #30244d;--app-muted: #756991;--app-border: rgba(113, 89, 170, .18);--app-hover: rgba(139, 111, 212, .11);--app-hover-strong: rgba(139, 111, 212, .18);--app-shadow: rgba(111, 89, 170, .16);--app-toolbar-bg: linear-gradient(90deg, #6951b2, #8a6ae0 50%, #c4b2ff);--app-toolbar-text: #faf7ff;--app-glow: rgba(196, 178, 255, .28);--app-warning-bg: #fff1cf;--app-warning-border: #e4c273;--app-warning-text: #6d4d00;--app-error: #a33ac2}body.app-theme-slate{color-scheme:dark;--app-bg: #171c24;--app-surface: rgba(29, 35, 46, .95);--app-surface-raised: rgba(35, 42, 55, .98);--app-text: #e8eef8;--app-muted: #9da9bc;--app-border: rgba(232, 238, 248, .1);--app-hover: rgba(232, 238, 248, .08);--app-hover-strong: rgba(232, 238, 248, .14);--app-shadow: rgba(0, 0, 0, .34);--app-toolbar-bg: linear-gradient(90deg, #283445, #3a4a60 50%, #61748e);--app-toolbar-text: #edf4ff;--app-glow: rgba(97, 116, 142, .26);--app-warning-bg: rgba(115, 88, 22, .25);--app-warning-border: rgba(234, 192, 99, .48);--app-warning-text: #f1d58e;--app-error: #ff8b9b}body.app-theme-mint{color-scheme:light;--app-bg: #eefcf8;--app-surface: rgba(248, 255, 252, .95);--app-surface-raised: rgba(255, 255, 255, .98);--app-text: #17382f;--app-muted: #5c8074;--app-border: rgba(52, 141, 112, .18);--app-hover: rgba(69, 182, 141, .1);--app-hover-strong: rgba(69, 182, 141, .18);--app-shadow: rgba(56, 141, 111, .14);--app-toolbar-bg: linear-gradient(90deg, #1c8f6c, #33b08a 52%, #9de4c8);--app-toolbar-text: #f4fffb;--app-glow: rgba(157, 228, 200, .26);--app-warning-bg: #f9efcc;--app-warning-border: #dabb69;--app-warning-text: #654a00;--app-error: #b83a48}body{color-scheme:light;background-color:var(--app-bg);color:var(--app-text);font:var(--mat-sys-body-medium);margin:0;height:100%;transition:background-color .18s ease,color .18s ease}*{box-sizing:border-box}.mat-mdc-card,.mat-mdc-tab-group,.mat-drawer,.mat-drawer-content,.mat-mdc-button-toggle-standalone,.mat-mdc-button-toggle-group,.mat-mdc-form-field-focus-overlay{transition:background-color .18s ease,color .18s ease,border-color .18s ease}.theme-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-menu-option{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--app-border);border-radius:12px;background:transparent;color:var(--app-text);padding:10px 12px;text-align:left;cursor:pointer}.theme-menu-option:hover{background:var(--app-hover)}.theme-menu-option.active{background:var(--app-hover);border-color:var(--app-hover-strong)}.theme-menu-option .mat-icon{font-size:18px;width:18px;height:18px}.theme-menu-swatch{width:14px;height:14px;border-radius:999px;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.theme-swatch-light{background:linear-gradient(135deg,#4b98ff,#f4f7fb)}.theme-swatch-dark{background:linear-gradient(135deg,#1e4b82,#0f1722)}.theme-swatch-sunrise{background:linear-gradient(135deg,#ff8a5b,#ffd19a)}.theme-swatch-forest{background:linear-gradient(135deg,#1f6b4c,#78b686)}.theme-swatch-ocean{background:linear-gradient(135deg,#0b6e99,#6ed0eb)}.theme-swatch-rose{background:linear-gradient(135deg,#b84c80,#efb0cf)}.theme-swatch-amber{background:linear-gradient(135deg,#a66a00,#f4c05a)}.theme-swatch-lavender{background:linear-gradient(135deg,#6951b2,#c4b2ff)}.theme-swatch-slate{background:linear-gradient(135deg,#283445,#61748e)}.theme-swatch-mint{background:linear-gradient(135deg,#1c8f6c,#9de4c8)}@media(max-width:640px){.theme-menu-grid{grid-template-columns:1fr}}