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: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--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: #0000ef;--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;--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{color-scheme:light;font-family:Arial,Helvetica,sans-serif;--brand-navy: #071827;--brand-navy-soft: #10263a;--brand-gold: #c99314;--brand-gold-dark: #9f7108;--brand-gray: #687079;--brand-border: #d9e0e5;--brand-surface: #ffffff;--brand-page: #f4f6f8}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--brand-page);color:var(--brand-navy);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.mat-icon{width:24px;height:24px;overflow:hidden;flex:0 0 24px;font-family:Material Icons;font-size:24px;line-height:1;font-weight:400;font-style:normal;letter-spacing:0;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}button .mat-icon,.nav-link .mat-icon{margin:0}.mat-mdc-button .mat-icon,.mat-mdc-unelevated-button .mat-icon,.mat-mdc-raised-button .mat-icon,.mat-mdc-outlined-button .mat-icon{margin-right:6px}.page{min-height:100vh}.auth-shell{display:grid;min-height:100vh;grid-template-columns:minmax(0,1.1fr) minmax(360px,460px)}.auth-panel{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:48px;background:var(--brand-navy);color:#fff}.auth-panel h1:after{display:block;width:88px;height:4px;margin-top:18px;background:var(--brand-gold);content:""}.auth-panel h1{max-width:760px;margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1}.auth-panel p{max-width:560px;margin:0;font-size:1.08rem;line-height:1.6}.auth-form{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:40px;background:#fff}.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-primary,.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mdc-filled-button-container-color: var(--brand-gold);--mdc-filled-button-label-text-color: var(--brand-navy);--mdc-protected-button-container-color: var(--brand-gold);--mdc-protected-button-label-text-color: var(--brand-navy);--mat-fab-foreground-color: var(--brand-navy)}.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary{--mdc-text-button-label-text-color: var(--brand-navy);--mdc-outlined-button-label-text-color: var(--brand-navy)}.mat-mdc-unelevated-button.mat-primary:hover,.mat-mdc-raised-button.mat-primary:hover{--mdc-filled-button-container-color: var(--brand-gold-dark);--mdc-protected-button-container-color: var(--brand-gold-dark)}.full-width{width:100%}.app-shell{display:grid;min-height:100vh;grid-template-columns:260px minmax(0,1fr)}.side-nav{padding:20px 16px;background:var(--brand-navy);color:#fff}.brand{margin-bottom:28px;padding-bottom:14px;border-bottom:2px solid var(--brand-gold);font-weight:700;font-size:1.05rem}.nav-link{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-height:44px;padding:0 12px;border-radius:8px;text-decoration:none;color:#d9e2e8}.nav-link.active,.nav-link:hover{background:var(--brand-navy-soft);color:#fff}.nav-link.active{box-shadow:inset 4px 0 0 var(--brand-gold)}.content{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 24px;background:var(--brand-surface);border-bottom:1px solid var(--brand-border)}.content-inner{padding:24px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.metric{padding:18px;border:1px solid var(--brand-border);border-radius:8px;background:var(--brand-surface)}.metric span{display:block;color:var(--brand-gray);font-size:.85rem}.metric strong{display:block;margin-top:8px;color:var(--brand-navy);font-size:1.6rem}.module-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.module-header h1{margin:0 0 4px;font-size:1.7rem}.module-header p{margin:0;color:var(--brand-gray)}.form-grid,.filters{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;align-items:start;margin-bottom:20px;padding:16px;border:1px solid var(--brand-border);border-radius:8px;background:var(--brand-surface)}.form-grid.compact{grid-template-columns:minmax(180px,260px) minmax(240px,1fr) auto}.span-2{grid-column:span 2}.actions{display:flex;align-items:center;gap:8px;min-height:56px}.data-list{display:grid;gap:10px}.row-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--brand-border);border-radius:8px;background:var(--brand-surface)}.row-card strong,.row-card span{display:block}.row-card span{margin-top:4px;color:var(--brand-gray);font-size:.9rem}.row-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.item-row{grid-template-columns:minmax(0,1fr) minmax(140px,auto) auto}.status-stack{text-align:right}.empty{padding:18px;border:1px dashed #b8c1c8;border-radius:8px;color:var(--brand-gray);background:var(--brand-surface)}.pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}.detail-panel{margin-top:22px;padding:18px;border:1px solid var(--brand-border);border-radius:8px;background:var(--brand-surface)}.detail-panel h2,.detail-panel h3{margin:0 0 10px}.attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.attachment-form{display:grid;gap:10px;margin-bottom:12px}.attachment-form input[type=file]{width:100%;padding:10px;border:1px dashed #aab5bd;border-radius:8px;background:#f8fafb}.mini-list{display:grid;gap:8px}.mini-list article{padding:12px;border:1px solid var(--brand-border);border-radius:8px;background:#fbfcfd}.mini-list strong,.mini-list span{display:block}.mini-list span{margin-top:4px;color:var(--brand-gray);font-size:.9rem}.history{margin-top:18px}@media(max-width:820px){.auth-shell,.app-shell{grid-template-columns:1fr}.auth-panel{min-height:32vh;padding:32px 24px}.auth-form{padding:28px 20px}.side-nav{display:flex;overflow-x:auto;gap:8px;padding:12px;position:sticky;top:0;z-index:10}.brand{display:none}.nav-link{min-width:52px;justify-content:center;padding-inline:14px}.nav-link span{display:none}.metric-grid,.form-grid,.filters,.form-grid.compact{grid-template-columns:1fr}.span-2{grid-column:auto}.row-card,.item-row,.attachment-grid{grid-template-columns:1fr}.row-actions,.actions,.pager{justify-content:flex-start;flex-wrap:wrap}.status-stack{text-align:left}.content-inner,.topbar{padding-inline:16px}.topbar{position:sticky;top:68px;z-index:9}.row-actions button,.actions button,.pager button{min-height:44px}}