html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #410002;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #001b3f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #131c2b;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #00006e;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}html{--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)}html{--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)}html{--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)}html{--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)}html{--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)}html{--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)}html{--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}html{--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}html{--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{--clr-dark: #000000;--clr-light: #ffffff;--clr-primary-100: #0b1215;--clr-primary-200: #23282a;--clr-primary-300: #3a3f41;--clr-primary-400: #535759;--clr-primary-500: #6d7172;--clr-primary-600: #888b8d;--clr-surface-100: #121212;--clr-surface-200: #1e1e1e;--clr-surface-300: #2d2d2d;--clr-surface-400: #404040;--clr-surface-500: #575757;--clr-surface-600: #717171;--clr-accent: #dc5a28;--clr-accent-hover: #b8481e;--clr-error: #f44336;--clr-error-light: #ffcdd2;--clr-warning: #ff9800;--clr-warning-light: #ffe0b2;--clr-success: #4caf50;--clr-success-light: #c8e6c9;--clr-info: #2196f3;--clr-info-light: #bbdefb;--background: var(--clr-surface-100);--surface: var(--clr-surface-200);--surface-variant: var(--clr-surface-300);--surface-container: var(--clr-surface-400);--text-primary: var(--clr-light);--text-secondary: rgba(255, 255, 255, .7);--text-disabled: rgba(255, 255, 255, .5);--text-hint: rgba(255, 255, 255, .6);--border: var(--clr-surface-400);--border-light: var(--clr-surface-300);--divider: var(--clr-surface-300);--hover-overlay: rgba(255, 255, 255, .08);--focus-overlay: rgba(255, 255, 255, .12);--pressed-overlay: rgba(255, 255, 255, .16);--shadow-1: 0 1px 3px rgba(0, 0, 0, .4);--shadow-2: 0 2px 6px rgba(0, 0, 0, .4);--shadow-3: 0 4px 12px rgba(0, 0, 0, .4);--shadow-4: 0 8px 24px rgba(0, 0, 0, .4);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-family: "Roboto", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--leading-normal);background-color:var(--background);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md) 0;font-weight:600;line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin:0 0 var(--spacing-md) 0;color:var(--text-primary)}a{color:var(--clr-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--clr-accent-hover);text-decoration:underline}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-fluid{width:100%;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);padding:var(--spacing-lg);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.card-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--divider);margin:calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-lg)) var(--spacing-lg) calc(-1 * var(--spacing-lg))}.card-body{padding:0}.card-footer{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--divider);margin:var(--spacing-lg) calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-lg))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus{outline:2px solid var(--clr-accent);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--clr-accent);color:var(--clr-dark)}.btn-primary:hover:not(:disabled){background-color:var(--clr-accent-hover)}.btn-secondary{background-color:var(--surface-variant);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-container)}.btn-outline{background-color:transparent;color:var(--clr-accent);border-color:var(--clr-accent)}.btn-outline:hover:not(:disabled){background-color:var(--clr-accent);color:var(--clr-dark)}.btn-ghost{background-color:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--hover-overlay)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--surface-variant);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);transition:all var(--transition-fast)}.form-control::placeholder{color:var(--text-hint)}.form-control:focus{outline:none;border-color:var(--clr-accent);box-shadow:0 0 0 3px #64b5f633}.form-control:disabled{background-color:var(--surface);color:var(--text-disabled);cursor:not-allowed}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-sm) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--spacing-xl);appearance:none}.form-check{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.form-check-input{width:18px;height:18px;margin:0;accent-color:var(--clr-accent)}.form-check-label{font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer}.alert{padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid transparent;margin-bottom:var(--spacing-md)}.alert-error{background-color:#f443361a;border-color:var(--clr-error);color:var(--clr-error)}.alert-warning{background-color:#ff98001a;border-color:var(--clr-warning);color:var(--clr-warning)}.alert-success{background-color:#4caf501a;border-color:var(--clr-success);color:var(--clr-success)}.alert-info{background-color:#2196f31a;border-color:var(--clr-info);color:var(--clr-info)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-xl);background-color:var(--surface-variant);color:var(--text-primary)}.badge-primary{background-color:var(--clr-accent);color:var(--clr-dark)}.badge-error{background-color:var(--clr-error);color:var(--clr-light)}.badge-success{background-color:var(--clr-success);color:var(--clr-light)}.table{width:100%;border-collapse:collapse;background-color:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-1)}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--divider)}.table th{background-color:var(--surface-variant);font-weight:600;color:var(--text-primary)}.table tbody tr:hover{background-color:var(--hover-overlay)}.nav{display:flex;background-color:var(--surface);border-bottom:1px solid var(--divider)}.nav-item{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);border-bottom:2px solid transparent}.nav-item:hover{color:var(--text-primary);background-color:var(--hover-overlay);text-decoration:none}.nav-item.active{color:var(--clr-accent);border-bottom-color:var(--clr-accent)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-disabled{color:var(--text-disabled)!important}.text-error{color:var(--clr-error)!important}.text-success{color:var(--clr-success)!important}.text-warning{color:var(--clr-warning)!important}.bg-surface{background-color:var(--surface)!important}.bg-surface-variant{background-color:var(--surface-variant)!important}.bg-primary{background-color:var(--clr-accent)!important}.shadow-1{box-shadow:var(--shadow-1)!important}.shadow-2{box-shadow:var(--shadow-2)!important}.shadow-3{box-shadow:var(--shadow-3)!important}.rounded{border-radius:var(--radius-md)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-xs)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-xs)!important}.m-2{margin:var(--spacing-sm)!important}.m-3{margin:var(--spacing-md)!important}.m-4{margin:var(--spacing-lg)!important}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.align-items-center{align-items:center!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.gap-1{gap:var(--spacing-xs)!important}.gap-2{gap:var(--spacing-sm)!important}.gap-3{gap:var(--spacing-md)!important}.gap-4{gap:var(--spacing-lg)!important}.w-100{width:100%!important}.h-100{height:100%!important}.mat-mdc-button-base{color:var(--text-primary)!important}.mat-mdc-raised-button{background-color:var(--clr-accent)!important;color:var(--clr-dark)!important}.mat-mdc-outlined-button{border-color:var(--border)!important;color:var(--text-primary)!important}.mat-mdc-form-field,.mat-mdc-input-element{color:var(--text-primary)!important}.mat-mdc-card{background-color:var(--surface)!important;color:var(--text-primary)!important}.mat-mdc-chip-set .mat-mdc-chip{background-color:var(--surface-variant)!important;color:var(--text-primary)!important}.mat-mdc-chip-set .mat-mdc-chip.mdc-evolution-chip--selected{background-color:var(--clr-accent)!important;color:var(--clr-dark)!important}.mat-icon{color:var(--text-primary)!important}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}.card{padding:var(--spacing-md)}.btn{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.table th,.table td{padding:var(--spacing-sm)}}@media (max-width: 480px){.container{padding:0 var(--spacing-xs)}.card{padding:var(--spacing-sm)}}