html{--mat-sys-background: light-dark(#fff8f6, #181211);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbeeec, #362f2e);--mat-sys-inverse-primary: light-dark(#ffb4a8, #c00100);--mat-sys-inverse-surface: light-dark(#362f2e, #ede0dd);--mat-sys-on-background: light-dark(#201a19, #ede0dd);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #690100);--mat-sys-on-primary-container: light-dark(#930100, #ffdad4);--mat-sys-on-primary-fixed: light-dark(#410000, #410000);--mat-sys-on-primary-fixed-variant: light-dark(#930100, #930100);--mat-sys-on-secondary: light-dark(#ffffff, #442925);--mat-sys-on-secondary-container: light-dark(#5d3f3b, #ffdad4);--mat-sys-on-secondary-fixed: light-dark(#2c1512, #2c1512);--mat-sys-on-secondary-fixed-variant: light-dark(#5d3f3b, #5d3f3b);--mat-sys-on-surface: light-dark(#201a19, #ede0dd);--mat-sys-on-surface-variant: light-dark(#534341, #f5ddda);--mat-sys-on-tertiary: light-dark(#ffffff, #690100);--mat-sys-on-tertiary-container: light-dark(#930100, #ffdad4);--mat-sys-on-tertiary-fixed: light-dark(#410000, #410000);--mat-sys-on-tertiary-fixed-variant: light-dark(#930100, #930100);--mat-sys-outline: light-dark(#857370, #a08c89);--mat-sys-outline-variant: light-dark(#d8c2be, #534341);--mat-sys-primary: light-dark(#c00100, #ffb4a8);--mat-sys-primary-container: light-dark(#ffdad4, #930100);--mat-sys-primary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-primary-fixed-dim: light-dark(#ffb4a8, #ffb4a8);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#775651, #e7bdb6);--mat-sys-secondary-container: light-dark(#ffdad4, #5d3f3b);--mat-sys-secondary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-secondary-fixed-dim: light-dark(#e7bdb6, #e7bdb6);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f6, #181211);--mat-sys-surface-bright: light-dark(#fff8f6, #3f3737);--mat-sys-surface-container: light-dark(#f9ebe9, #251e1d);--mat-sys-surface-container-high: light-dark(#f3e5e4, #302828);--mat-sys-surface-container-highest: light-dark(#ede0dd, #3b3332);--mat-sys-surface-container-low: light-dark(#fef1ef, #201a19);--mat-sys-surface-container-lowest: light-dark(#ffffff, #130d0c);--mat-sys-surface-dim: light-dark(#e4d7d6, #181211);--mat-sys-surface-tint: light-dark(#c00100, #ffb4a8);--mat-sys-surface-variant: light-dark(#f5ddda, #534341);--mat-sys-tertiary: light-dark(#c00100, #ffb4a8);--mat-sys-tertiary-container: light-dark(#ffdad4, #930100);--mat-sys-tertiary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-tertiary-fixed-dim: light-dark(#ffb4a8, #ffb4a8);--mat-sys-neutral-variant20: #3b2d2b;--mat-sys-neutral10: #201a19;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-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}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}:root,body[data-theme=light]{--app-bg-primary: #ffffff;--app-bg-secondary: #f8fafc;--app-bg-tertiary: #f1f5f9;--app-surface: #ffffff;--app-surface-variant: #f8fafc;--app-text-primary: #0f172a;--app-text-secondary: #475569;--app-text-tertiary: #94a3b8;--app-text-hint: #cbd5e1;--app-border-color: #e2e8f0;--app-divider-color: #e2e8f0;--app-shadow-color: rgba(15, 23, 42, .08);--app-card-bg: #ffffff;--app-header-bg: #ffffff;--app-header-text: #0f172a;--app-error-bg: #fef2f2;--app-error-text: #dc2626;--app-success-bg: #f0fdf4;--app-success-text: #16a34a;--app-warning-bg: #fffbeb;--app-warning-text: #f59e0b;--auth-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--auth-gradient-overlay: linear-gradient(135deg, rgba(102, 126, 234, .95) 0%, rgba(118, 75, 162, .95) 100%);--sidebar-bg: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--sidebar-text: #cbd5e1;--sidebar-active-bg: rgba(99, 102, 241, .15);--sidebar-active-text: #ffffff;--sidebar-hover-bg: rgba(148, 163, 184, .1);--sidebar-border: rgba(148, 163, 184, .1);--sidebar-accent: #6366f1;--topbar-height: 72px;--topbar-bg: rgba(255, 255, 255, .95);--topbar-border: rgba(226, 232, 240, .8);--topbar-backdrop-blur: blur(12px);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 64px;--radius-none: 0px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .06);--shadow-sm: 0 2px 4px 0 rgba(15, 23, 42, .08), 0 1px 2px -1px rgba(15, 23, 42, .06);--shadow-md: 0 4px 8px -2px rgba(15, 23, 42, .1), 0 2px 4px -2px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 24px -4px rgba(15, 23, 42, .12), 0 4px 8px -4px rgba(15, 23, 42, .08);--shadow-xl: 0 24px 48px -8px rgba(15, 23, 42, .14), 0 8px 16px -6px rgba(15, 23, 42, .1);--shadow-2xl: 0 32px 64px -12px rgba(15, 23, 42, .16), 0 12px 24px -8px rgba(15, 23, 42, .12);--font-size-display: 32px;--font-size-headline: 24px;--font-size-title: 18px;--font-size-body: 14px;--font-size-caption: 12px;--line-height-tight: 1;--line-height-normal: 1.2;--line-height-relaxed: 1.5;--line-height-loose: 1.75;--transition-instant: .1s ease-out;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--transition-slower: .5s ease-in-out;--hover-bg-light: #F3F4F6;--hover-bg-medium: #E5E7EB;--hover-bg-strong: #D1D5DB;--hover-tint: color-mix(in srgb, var(--mat-sys-primary) 8%, transparent);--focus-ring-color: var(--mat-sys-primary);--focus-ring-offset: 2px;--focus-ring-width: 2px;--focus-bg-tint: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);--active-bg-light: #E5E7EB;--active-bg-medium: #D1D5DB;--active-bg-strong: #9CA3AF;--active-tint: color-mix(in srgb, var(--mat-sys-primary) 16%, transparent);--loading-overlay-bg: rgba(255, 255, 255, .8);--loading-overlay-z-index: 1000;--color-primary: #1976d2;--color-primary-hover: #1565c0;--color-primary-on: #ffffff;--color-success: #2e7d32;--color-success-bg: #e8f5e9;--color-success-text: #1b5e20;--color-warning: #f57c00;--color-warning-bg: #fff3e0;--color-warning-text: #e65100;--color-error: #d32f2f;--color-error-bg: #ffebee;--color-error-text: #c62828;--color-info: #0288d1;--color-info-bg: #e1f5fe;--color-info-text: #01579b}body[data-theme=dark]{--app-bg-primary: #111827;--app-bg-secondary: #1F2937;--app-bg-tertiary: #374151;--app-surface: #1F2937;--app-surface-variant: #374151;--app-text-primary: #F9FAFB;--app-text-secondary: #D1D5DB;--app-text-tertiary: #9CA3AF;--app-text-hint: #6B7280;--app-border-color: #4B5563;--app-divider-color: #4B5563;--app-shadow-color: rgba(0, 0, 0, .2);--app-card-bg: #1F2937;--app-header-bg: #1F2937;--app-header-text: #F9FAFB;--app-error-bg: #5c2b2b;--app-error-text: #ff8a80;--app-success-bg: #1b3a1b;--app-success-text: #81c784;--app-warning-bg: #4a3520;--app-warning-text: #ffd180;--auth-gradient: #111827;--sidebar-bg: #1F2937;--sidebar-text: #D1D5DB;--sidebar-active-bg: #374151;--sidebar-active-text: #F9FAFB;--sidebar-hover-bg: #4B5563;--sidebar-border: #374151;--topbar-height: 64px;--topbar-bg: #1F2937;--topbar-border: #374151;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--transition-instant: .1s ease-out;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--transition-slower: .5s ease-in-out;--font-size-display: 32px;--font-size-headline: 24px;--font-size-title: 18px;--font-size-body: 14px;--font-size-caption: 12px;--line-height-tight: 1;--line-height-normal: 1.2;--line-height-relaxed: 1.5;--line-height-loose: 1.75;--hover-bg-light: #374151;--hover-bg-medium: #4B5563;--hover-bg-strong: #6B7280;--hover-tint: color-mix(in srgb, var(--mat-sys-primary) 12%, transparent);--focus-ring-color: var(--mat-sys-primary);--focus-ring-offset: 2px;--focus-ring-width: 2px;--focus-bg-tint: color-mix(in srgb, var(--mat-sys-primary) 16%, transparent);--active-bg-light: #4B5563;--active-bg-medium: #6B7280;--active-bg-strong: #9CA3AF;--active-tint: color-mix(in srgb, var(--mat-sys-primary) 20%, transparent);--loading-overlay-bg: rgba(31, 41, 55, .85);--loading-overlay-z-index: 1000;--color-primary: #42a5f5;--color-primary-hover: #1e88e5;--color-primary-on: #ffffff;--color-success: #66bb6a;--color-success-bg: #1b3a1b;--color-success-text: #81c784;--color-warning: #ffb74d;--color-warning-bg: #4a3520;--color-warning-text: #ffd180;--color-error: #ef5350;--color-error-bg: #5c2b2b;--color-error-text: #ff8a80;--color-info: #4fc3f7;--color-info-bg: #0d3a4a;--color-info-text: #81d4fa}body{background-color:var(--app-bg-secondary);color:var(--app-text-primary);transition:background-color var(--transition-base),color var(--transition-base)}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}*:focus-visible{outline:2px solid var(--mat-sys-primary);outline-offset:2px}.mat-mdc-button-base:focus-visible{outline:2px solid var(--mat-sys-primary);outline-offset:2px}.mat-mdc-form-field:focus-within .mat-mdc-text-field-wrapper{border-color:var(--mat-sys-primary);outline:2px solid var(--mat-sys-primary);outline-offset:-2px}.mat-mdc-row:focus-visible,.cdk-row:focus-visible{background-color:color-mix(in srgb,var(--mat-sys-primary) 10%,transparent);outline:2px solid var(--mat-sys-primary);outline-offset:-2px}mat-card:focus-visible{outline:2px solid var(--mat-sys-primary);outline-offset:2px}.mat-mdc-menu-item:focus-visible{background-color:color-mix(in srgb,var(--mat-sys-primary) 15%,transparent);outline:2px solid var(--mat-sys-primary);outline-offset:-2px}.mat-mdc-nav-list .mat-mdc-list-item:focus-visible{background-color:color-mix(in srgb,var(--mat-sys-primary) 15%,transparent);outline:2px solid var(--mat-sys-primary);outline-offset:-2px}.mat-mdc-checkbox:focus-visible .mdc-checkbox__background,.mat-mdc-radio-button:focus-visible .mdc-radio__outer-circle{outline:2px solid var(--mat-sys-primary);outline-offset:2px}.mat-mdc-slider:focus-visible{outline:2px solid var(--mat-sys-primary);outline-offset:2px}.mat-mdc-tab-link:focus-visible{outline:2px solid var(--mat-sys-primary);outline-offset:-2px}.notification-toast{min-width:300px;max-width:400px}.notification-toast .mat-mdc-snackbar-surface{margin-top:8px;border-radius:8px;box-shadow:0 4px 12px #00000026}.notification-toast .mat-mdc-snackbar-label{font-weight:500;font-size:14px}.notification-toast .mat-mdc-snackbar-actions button{font-weight:600;color:var(--mat-sys-primary)}.theme-changing,.theme-changing *,.theme-changing *:before,.theme-changing *:after{transition:none!important}body{transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out}mat-card,mat-toolbar,mat-sidenav,.mat-mdc-card,.mat-mdc-toolbar,.mat-drawer{transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out}.skip-to-content{position:fixed;top:-40px;left:0;background:var(--mat-sys-primary);color:var(--mat-sys-on-primary);padding:8px 16px;z-index:10000;text-decoration:none;border-radius:0 0 4px;font-weight:500}.skip-to-content:focus{top:0}