:root{--shell:#0b2447;--shell-active:#12345f;--canvas:#f4f7fb;--surface:#fff;--surface-2:#f8fafd;--border:#dde5f0;--border-strong:#c7d4e6;--text:#101b2d;--text-secondary:#5a6b85;--text-muted:#8695ab;--action:#0b5dbb;--action-hover:#1d6fd0;--focus:#2f80ed;--success:#16794c;--attention:#b45309;--danger:#c62032;--unconfigured:#64748b;--chart-line:#0b5dbb;--chart-dot:#2f80ed;--chart-grid:#e3eaf3;--skeleton-base:#e7edf5;--skeleton-shimmer:#ffffffd1;--shadow:0 4px 16px #0b24470f;--shadow-hover:0 8px 24px #0b24471a;--radius-sm:8px;--radius:12px;--radius-pill:999px;--motion:.14s;--navy:var(--shell);--navy-2:var(--shell-active);--navy-3:var(--action);--red:var(--danger);--red-dark:#a71929;--bg:var(--canvas);--paper:var(--surface);--paper-2:var(--surface-2);--ink:var(--text);--muted:var(--text-secondary);--line:var(--border);--line-soft:var(--chart-grid);--warning:var(--attention)}*{box-sizing:border-box}html{background:var(--bg);max-width:100%}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;max-width:100%;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5}strong,table,.pulse-value,.kpi-tile strong,.hero-department-stats strong{font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-page{background:var(--shell);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fffffffa;border-radius:18px;width:min(440px,100%);padding:34px;box-shadow:0 24px 70px #00000047}.login-card>div:first-child:not(.login-brand){color:#0000;background:url(/icd-phuc-long-logo.svg) 50%/contain no-repeat;width:180px;height:64px;margin:0 auto 18px;overflow:hidden}.login-card h1{color:var(--navy);margin:0 0 8px;font-size:26px}.login-card p{color:var(--muted);margin:0 0 24px}.app-shell{min-height:100vh;overflow-x:clip}.topbar{color:#fff;background:var(--navy);z-index:30;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:10px 24px;display:flex;position:sticky;top:0}.topbar-brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-copy{flex-direction:column;min-width:0;display:flex}.brand-copy strong{letter-spacing:.04em;font-size:15px}.brand-copy small{color:#ffffffad;margin-top:2px;font-size:11px;font-weight:600}.topbar-user{align-items:center;gap:14px;min-width:0;font-size:13px;display:flex}.user-copy{text-align:right}.user-copy strong{display:block}.user-copy small{opacity:.72;margin-top:2px;display:block}.btn-topbar{color:#fff;background:#ffffff1a;border:1px solid #ffffff26}.btn-topbar:hover{background:#ffffff29}.shell-grid{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 68px);display:grid}.sidebar{background:var(--shell);border-right:1px solid #ffffff1a;flex-direction:column;align-self:start;height:calc(100vh - 68px);padding:24px 16px;display:flex;position:sticky;top:68px}.sidebar-kicker{color:#ffffff94;letter-spacing:.14em;text-transform:uppercase;padding:0 10px 10px;font-size:10px;font-weight:900}.side-nav{gap:5px;display:grid}.side-nav-link{color:#ffffffbd;border-radius:10px;align-items:center;gap:10px;padding:10px 11px;font-size:13px;font-weight:750;display:flex}.side-nav-link:hover{color:#fff;background:#ffffff14}.nav-icon{color:#b9d9ff;background:#ffffff14;border-radius:8px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:900;display:grid}.sidebar-note{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:11px;align-items:flex-start;gap:10px;margin-top:auto;padding:12px;display:flex}.sidebar-note strong{color:#fff;font-size:12px;display:block}.sidebar-note small{color:#ffffff9e;margin-top:3px;font-size:10px;line-height:1.4;display:block}.content-shell{background:var(--canvas);min-width:0}.navbar{border-bottom:1px solid var(--line);background:#fff;gap:6px;padding:10px 28px;display:flex}.nav-link{color:var(--navy);border-radius:8px;padding:9px 13px;font-size:14px;font-weight:700}.nav-link:hover{background:#eef3f7}.page{max-width:1440px;margin:0 auto;padding:30px 34px 60px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-header h1{color:var(--navy);margin:0;font-size:28px}.page-header p{color:var(--muted);margin:7px 0 0}.card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:20px}.card+.card{margin-top:16px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{border-left:4px solid var(--action);padding:18px}.stat strong{color:var(--navy);font-size:28px;display:block}.stat span{color:var(--muted);font-size:14px}.dashboard-page{gap:22px;display:grid}.dashboard-hero{justify-content:space-between;align-items:flex-end;gap:22px;padding:4px 0 2px;display:flex}.dashboard-hero h1{color:var(--navy);letter-spacing:-.025em;margin:5px 0 8px;font-size:clamp(28px,3vw,38px)}.dashboard-hero p{color:var(--muted);max-width:760px;margin:0;font-size:14px;line-height:1.55}.eyebrow{color:var(--action);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:900}.hero-actions{gap:10px;display:flex}.kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.kpi-tile{background:var(--paper);border:1px solid var(--line);border-radius:13px;min-height:112px;padding:16px 17px;box-shadow:0 3px 12px #10243e09}.kpi-tile span{color:var(--muted);font-size:11px;font-weight:750;display:block}.kpi-tile strong{color:var(--navy);letter-spacing:-.03em;margin-top:7px;font-size:30px;line-height:1;display:block}.kpi-tile small{color:#8994a2;margin-top:8px;font-size:10px;line-height:1.35;display:block}.kpi-tile-text strong{font-size:16px;line-height:1.25}.section-heading,.panel-heading,.attention-panel-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.section-heading h2,.panel-heading h2,.attention-panel-head h2{color:var(--navy);letter-spacing:-.015em;margin:4px 0 0;font-size:20px}.section-note,.panel-heading>span,.attention-panel-head>span{color:var(--muted);font-size:11px}.department-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.department-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;gap:15px;padding:18px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.department-card:hover{box-shadow:var(--shadow-hover);border-color:#cdd5de;transform:translateY(-2px)}.department-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.department-code{color:#98a3af;letter-spacing:.13em;font-size:9px;font-weight:900}.department-card h3{color:var(--navy);margin:3px 0 0;font-size:19px}.dept-state{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:10px;font-weight:850;display:inline-flex}.dept-state-sent{color:#126944;background:#e8f6ef}.dept-state-attention{color:#8c5100;background:#fff3df}.dept-state-unconfigured{color:#596573;background:#eef1f4}.department-metrics{border:1px solid var(--line-soft);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.department-metrics>div{padding:10px 12px}.department-metrics>div+div{border-left:1px solid var(--line-soft)}.department-metrics small{color:#8a95a2;font-size:9px;display:block}.department-metrics strong{color:var(--navy);margin-top:3px;font-size:18px;display:block}.department-trend{height:64px;color:var(--navy-3)}.mini-trend{width:100%;height:64px;display:block}.chart-baseline{stroke:#e9edf1;stroke-width:1px}.chart-line{stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:var(--chart-dot)}.department-card-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:10px;display:flex}.department-card-foot strong{color:var(--navy);font-size:11px}.attention-panel,.dashboard-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:18px}.attention-list{border-top:1px solid var(--line-soft);margin-top:12px}.attention-row{border-bottom:1px solid var(--line-soft);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 2px;display:grid}.attention-row strong{color:#2d3948;font-size:12px;display:block}.attention-row small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.attention-row>span:last-child{color:var(--navy);font-size:10px;font-weight:800}.status-dot{border-radius:999px;flex:none;width:8px;height:8px}.status-dot-live{background:#37b879;box-shadow:0 0 0 3px #37b8791f}.status-dot-warning{background:#e39322}.status-dot-muted{background:#aab3bd}.detail-breadcrumb{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.detail-breadcrumb a{color:var(--navy);font-weight:800}.department-hero{align-items:center}.range-switch{background:#e9edf1;border-radius:10px;padding:3px;display:inline-flex}.range-link{color:#5c6877;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.range-link-active{color:var(--navy);background:#fff;box-shadow:0 1px 4px #10243e1a}.detail-kpis{margin-top:-2px}.dashboard-two-column{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);align-items:stretch;gap:14px;display:grid}.dashboard-panel{min-width:0}.dashboard-panel-wide{min-height:320px}.dashboard-panel-wide:has(.chart-empty-large){min-height:0}.trend-chart-wrap{width:100%;margin-top:18px;overflow:hidden}.trend-chart{width:100%;height:auto;color:var(--navy-3);display:block}.chart-gridline{stroke:#edf0f3;stroke-width:1px}.chart-axis-label{fill:#8b96a3;font-size:9px}.chart-line-large{stroke-width:2.6px}.metric-bars{gap:15px;margin-top:24px;display:grid}.metric-bar-row{gap:7px;display:grid}.metric-bar-meta{color:#4c5968;justify-content:space-between;gap:12px;font-size:11px;display:flex}.metric-bar-meta strong{color:var(--navy)}.metric-bar-track{background:#edf1f4;border-radius:999px;height:8px;overflow:hidden}.metric-bar-track span{border-radius:inherit;background:var(--navy-3);min-width:2px;height:100%;display:block}.panel-footnote{color:var(--muted);margin:20px 0 0;font-size:10px;line-height:1.5}.business-kpi-placeholder p{color:var(--muted);font-size:12px;line-height:1.55}.kpi-confirmation-list{gap:8px;margin-top:16px;display:grid}.kpi-confirmation-list>div{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);justify-content:space-between;gap:16px;padding:10px 12px;display:flex}.kpi-confirmation-list strong{color:var(--text);font-size:12px}.kpi-confirmation-list span{color:var(--unconfigured);text-align:right;font-size:12px}.compact-list{margin-top:14px;display:grid}.compact-list>div{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:12px;padding:11px 0;display:flex}.compact-list strong{color:#334051;font-size:11px}.compact-list small{color:var(--muted);font-size:10px}.compact-empty{padding:24px 8px}.recent-panel{margin-top:0}.clean-table th{color:#7a8593;text-transform:uppercase;letter-spacing:.04em;background:0 0;font-size:10px}.clean-table td{font-size:11px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-field{flex-direction:column;gap:7px;display:flex}.form-field.full{grid-column:1/-1}label{color:var(--navy);font-size:14px;font-weight:700}.required{color:var(--red)}input,select,textarea{border:1px solid var(--text-muted);width:100%;color:var(--ink);background:#fff;border-radius:9px;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--navy-2);outline:3px solid #18365324}textarea{resize:vertical;min-height:110px}.hint{color:var(--muted);font-size:12px}.section-title{color:var(--navy);border-bottom:2px solid #e9edf1;margin:0 0 16px;padding-bottom:10px}.btn{border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-weight:800;display:inline-flex}.btn-primary,.btn-secondary{background:var(--action);color:#fff}.btn-primary:hover,.btn-secondary:hover{background:var(--action-hover)}.btn-ghost{color:var(--navy);background:#edf1f5}.btn-danger{color:var(--danger);background:#fde8e7}.btn:disabled{opacity:.55;cursor:not-allowed}.actions{flex-wrap:wrap;gap:10px;display:flex}.alert{border-radius:10px;margin:12px 0;padding:12px 14px;font-size:12px}.alert-error{color:#7a1111;background:#feeceb;border:1px solid #f8c7c3}.alert-success{color:#0d5c3a;background:#e8f7ef;border:1px solid #bce5cf}.alert-warning{color:#704000;background:#fff4dc;border:1px solid #f0d59a}.table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 10px}th{color:var(--navy);background:#f5f7f9;font-size:13px}td{font-size:14px}.status{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.status-draft{color:#45515e;background:#eef1f4}.status-submitted{color:#8a5100;background:#fff0d5}.status-returned{color:#9c231a;background:#fee9e7}.status-approved{color:#176c46;background:#e6f6ed}.status-locked{color:#243d5a;background:#e5ebf3}.meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.meta-item{background:#f7f8fa;border-radius:9px;padding:12px}.meta-item small{color:var(--muted);margin-bottom:5px;display:block}.value-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.value-item{border-bottom:1px dashed var(--line);padding:10px 0}.value-item small{color:var(--muted);margin-bottom:4px;display:block}.empty{text-align:center;color:var(--muted);padding:30px 12px;font-size:11px}.skeleton{background:#e9edf1;border-radius:12px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);animation:1.2s infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-hero{height:96px}.skeleton-kpi{height:112px}.skeleton-card{height:250px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (max-width:1100px){.shell-grid{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:12px;height:auto;padding:8px 16px;position:static}.sidebar-kicker,.sidebar-note{display:none}.side-nav{gap:6px;display:flex;overflow-x:auto}.side-nav-link{padding:7px 9px}.nav-icon{width:26px;height:26px}.dashboard-two-column{grid-template-columns:1fr}}@media (max-width:800px){.topbar,.page{padding-left:16px;padding-right:16px}.brand-copy small{display:none}.page{padding-top:22px}.page-header,.dashboard-hero,.section-heading,.panel-heading,.attention-panel-head{flex-direction:column;align-items:flex-start}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.department-grid,.grid-2,.grid-3,.form-grid,.meta,.value-list{grid-template-columns:1fr}.department-card-foot{flex-direction:column;align-items:flex-start;gap:6px}.range-switch{width:100%}.range-link{text-align:center;flex:1}}@media (max-width:520px){.topbar{min-height:62px}.brand-copy strong{font-size:12px}.btn-topbar{padding:8px 10px;font-size:11px}.kpi-strip{grid-template-columns:1fr 1fr;gap:8px}.kpi-tile{min-height:100px;padding:14px}.kpi-tile strong{font-size:25px}.department-metrics>div{padding:9px}}
html,body{background:var(--canvas);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:var(--text)}.content-shell{background:var(--canvas);min-width:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.login-page{background:var(--shell);padding:28px}.login-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(460px,100%);padding:34px 38px 38px;box-shadow:0 24px 70px #04122447}.login-brand{text-align:center;justify-items:center;gap:10px;margin-bottom:24px;display:grid}.login-logo{width:min(220px,68%);height:auto;display:block}.login-brand h1{color:var(--text);margin:2px 0 0;font-size:26px;line-height:1.25}.login-brand p,.login-loading{color:var(--text-secondary)}.topbar{color:#fff;background:var(--shell);min-height:64px;box-shadow:none;border-bottom:1px solid #ffffff1f;padding:6px 20px}.topbar-brand{flex:0 auto;gap:12px}.topbar-logo{object-fit:contain;object-position:left center;flex:none;width:100px;height:50px;display:block}.brand-copy strong,.user-copy strong{color:#fff}.brand-copy small,.user-copy small{color:#ffffffb8;opacity:1}.topbar-user{color:#fff;min-width:0;font-size:12px}.user-copy{min-width:0}.user-copy strong,.user-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn-topbar{color:#fff;background:#ffffff14;border:1px solid #ffffff3d;min-height:38px}.btn-topbar:hover{background:#ffffff26;border-color:#fff6}.shell-grid{grid-template-columns:180px minmax(0,1fr);min-height:calc(100vh - 64px)}.sidebar{background:var(--shell);border-right:1px solid #ffffff1a;height:calc(100vh - 64px);padding:16px 10px;top:64px}.sidebar-kicker{color:#ffffff94;padding:0 10px 8px;font-size:10px}.side-nav{gap:5px}.side-nav-link{border-radius:var(--radius-sm);color:#ffffffbd;min-height:42px;transition:background var(--motion) ease,color var(--motion) ease,border-color var(--motion) ease;border:1px solid #0000;padding:7px 10px;font-size:13px;font-weight:750;position:relative}.side-nav-link:hover{color:#fff;background:#ffffff14}.side-nav-link-active{color:#fff;background:var(--shell-active);border-color:#ffffff1a}.side-nav-link-active:before{content:"";border-radius:var(--radius-pill);background:var(--focus);width:3px;position:absolute;top:8px;bottom:8px;left:-6px}.nav-icon{color:#b9d9ff;background:#ffffff14;width:28px;height:28px}.nav-icon svg{width:16px;height:16px}.side-nav-link-active .nav-icon{background:var(--action);color:#fff}.sidebar-note{color:#fff;background:#ffffff0f;border-color:#ffffff1a;padding:11px}.sidebar-note strong{color:#fff;font-size:11px}.sidebar-note small{color:#ffffff9e;font-size:10px}.page{max-width:1440px;padding:24px 32px 48px}.page-header h1,.dashboard-hero h1,.section-heading h2,.panel-heading h2,.attention-panel-head h2,.section-title{color:var(--text)}.page-header p,.dashboard-hero p,.section-note,.panel-heading>span,.attention-panel-head>span{color:var(--text-secondary)}.eyebrow{color:var(--action);letter-spacing:.08em;font-size:11px;font-weight:700}.card,.dashboard-panel,.attention-panel,.department-card,.attention-card{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow)}.card:hover,.department-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-hover)}.btn{border-radius:var(--radius-sm);min-height:40px;transition:background var(--motion) ease,border-color var(--motion) ease,transform var(--motion) ease;padding:9px 14px;font-size:14px}.btn:active{transform:translateY(1px)}.btn-primary,.btn-secondary{background:var(--action);color:#fff}.btn-primary:hover,.btn-secondary:hover{background:var(--action-hover)}.btn-ghost{background:var(--surface-2);color:var(--action);border:1px solid var(--border-strong)}.btn-ghost:hover{border-color:var(--action);background:#edf4fc}.btn-danger{color:var(--danger);background:#fff1f2;border:1px solid #f5c6cc}.kpi-tile{background:var(--surface);border-color:var(--border);box-shadow:none}.kpi-tile span,.department-metrics small{color:var(--text-secondary)}.kpi-tile strong,.department-metrics strong,.metric-bar-meta strong{color:var(--text)}.kpi-tile small{color:var(--text-muted)}.department-card h3,.attention-card h3{color:var(--text)}.department-code{color:var(--text-muted)}.department-metrics,.department-metrics>div+div{border-color:var(--border)}.dept-state-sent,.status-approved{color:var(--success);background:#eaf7f0}.dept-state-attention,.status-submitted{color:var(--attention);background:#fff5e8}.dept-state-unconfigured,.status-draft,.status-locked{color:var(--unconfigured);background:#eef2f7}.status-returned{color:var(--danger);background:#fff0f2}.department-card-foot{color:var(--text-secondary)}.department-card-foot strong{color:var(--action)}.department-trend,.trend-chart{color:var(--chart-line)}.chart-line{stroke:var(--chart-line)}.chart-dot{fill:var(--chart-dot)}.chart-baseline,.chart-gridline{stroke:var(--chart-grid)}.chart-axis-label{fill:var(--text-muted)}.chart-empty{color:var(--text-secondary)}.chart-empty-line{background:var(--border-strong)}.chart-empty-large{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;align-items:flex-start;gap:7px;width:100%;margin-top:16px;padding:16px;display:flex}.chart-empty-large strong{color:var(--text)}.chart-empty-large small{max-width:560px;line-height:1.5}.chart-empty-icon{border-radius:var(--radius-pill);width:30px;height:30px;color:var(--action);background:#eaf3ff;place-items:center;display:grid}.metric-bar-meta{color:var(--text-secondary)}.metric-bar-track{background:var(--chart-grid)}.metric-bar-track span{background:var(--chart-line)}.detail-breadcrumb a{color:var(--action)}.range-switch{background:var(--surface-2);border:1px solid var(--border)}.range-link{color:var(--text-secondary)}.range-link-active{background:var(--surface);color:var(--action);box-shadow:0 1px 4px #0b244714}.compact-list>div,.value-item,th,td{border-color:var(--line-soft)}.compact-list strong{color:var(--text)}.clean-table th,th{background:var(--surface-2);color:var(--text-secondary)}.clean-table td,td{color:var(--text)}tbody tr:hover,.meta-item{background:var(--surface-2)}.meta-item small,.value-item small,.hint,.panel-footnote,.business-kpi-placeholder p,.empty{color:var(--text-secondary)}label{color:var(--text)}input,select,textarea{border-color:var(--text-muted);background:var(--surface);min-height:44px;color:var(--text)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--action)}.section-title{border-bottom-color:var(--border)}.alert-error{color:#8e1725;background:#fff1f2;border-color:#f2c5cb}.alert-success{color:#105f3b;background:#eaf7f0;border-color:#b8dfca}.alert-warning{color:#7c3b08;background:#fff5e8;border-color:#efd1aa}.loading-banner{border-color:var(--border);background:var(--surface);box-shadow:var(--shadow)}.loading-banner strong{color:var(--text)}.loading-banner small{color:var(--text-secondary)}.skeleton{background:var(--skeleton-base)}.skeleton:after{background:linear-gradient(90deg,transparent,var(--skeleton-shimmer),transparent)}@media (max-width:1100px){.shell-grid{grid-template-columns:1fr;min-height:calc(100vh - 64px)}.sidebar{border-bottom:1px solid #ffffff1a;border-right:0;height:auto;padding:7px 14px;position:static;top:auto}.topbar-logo{width:94px;height:46px}}@media (max-width:800px){.page{padding:20px 16px 42px}.topbar{gap:10px;padding-left:12px;padding-right:12px}.topbar-logo{width:86px;height:42px}.brand-copy{display:none}.topbar-user{flex:auto;justify-content:flex-end;gap:8px}.user-copy{text-align:right;flex:0 110px;max-width:110px;display:block}.user-copy strong{font-size:11px;line-height:1.2}.user-copy small{display:none}.btn-topbar{white-space:nowrap;min-height:40px;padding:8px 10px}}@media (max-width:420px){.topbar-logo{width:76px;height:38px}.user-copy{flex-basis:82px;max-width:82px}.btn-topbar{padding-left:8px;padding-right:8px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.page.command-dashboard{gap:20px;max-width:1480px;padding:24px 32px 48px}.command-hero{justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:2px;display:flex}.command-hero-copy{max-width:760px}.command-hero-copy,.command-title-row,.hero-department-head>div,.compact-department-card-head>div{min-width:0}.command-hero-kicker{color:var(--action);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.command-hero-kicker:before{content:"";border-radius:var(--radius-pill);background:var(--action);width:20px;height:3px}.command-hero h1{color:var(--text);letter-spacing:-.02em;margin:6px 0 5px;font-size:26px;line-height:1.2}.command-title-row{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.command-title-row .command-date{border-left:1px solid var(--border-strong);padding-left:12px}.command-hero p{color:var(--text-secondary);margin:0;font-size:14px}.command-date{color:var(--text-secondary);font-size:12px;font-weight:650}.command-reports-link{flex:none}.command-summary{grid-template-columns:minmax(300px,.9fr) minmax(440px,1.55fr);align-items:stretch;gap:16px;display:grid}.operational-pulse-card,.command-attention-card,.hero-department-card,.compact-department-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.operational-pulse-card{min-height:196px;color:var(--text);border-top:4px solid var(--action);align-content:space-between;padding:20px 22px;display:grid}.operational-pulse-card,.command-attention-card{height:100%}.pulse-label{color:var(--text-secondary);font-size:13px;font-weight:700}.pulse-value-row{align-items:baseline;gap:10px;margin:7px 0 2px;display:flex}.pulse-value{letter-spacing:-.04em;font-size:40px;font-weight:800;line-height:1}.pulse-denominator{color:var(--text-muted);font-size:18px;font-weight:700}.pulse-copy{color:var(--text-secondary);margin:0;font-size:13px}.pulse-meta{border-top:1px solid var(--border);gap:18px;padding-top:14px;display:flex}.pulse-meta span{color:var(--text-secondary);gap:2px;font-size:11px;display:grid}.pulse-meta strong{color:var(--text);font-size:15px}.command-attention-card{border-top:4px solid var(--attention);background:#fffaf3;min-height:196px;padding:18px 20px}.command-attention-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:7px;display:flex}.command-attention-head small{color:var(--attention);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.command-attention-head h2{color:var(--text);margin:3px 0 0;font-size:18px}.command-attention-count{border-radius:var(--radius-sm);min-width:40px;height:40px;color:var(--attention);background:#fff0db;place-items:center;padding:0 10px;font-size:18px;font-weight:800;display:grid}.command-attention-list{display:grid}.command-attention-row{min-height:44px;color:inherit;border-top:1px solid #f0dfc8;grid-template-columns:9px 1fr auto;align-items:center;gap:11px;text-decoration:none;display:grid}.command-attention-row:first-child{border-top:0}.command-attention-row:hover strong,.command-attention-row:hover>span:last-child{color:var(--action)}.command-attention-row strong{color:var(--text);font-size:13px;display:block}.command-attention-row small{color:var(--text-secondary);margin-top:1px;font-size:12px;display:block}.command-attention-row>span:last-child{color:var(--text-secondary);font-size:12px;font-weight:700}.command-attention-empty{min-height:72px;color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.command-setup-note{color:var(--text-secondary);margin-top:7px;font-size:12px}.command-section-head{justify-content:space-between;align-items:end;gap:20px;margin-top:2px;display:flex}.command-section-head span{color:var(--action);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.command-section-head h2{color:var(--text);margin:3px 0 0;font-size:18px}.command-section-head p{color:var(--text-secondary);margin:0;font-size:12px}.hero-department-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hero-department-card{min-width:0;color:inherit;border-top:4px solid var(--action);box-shadow:var(--shadow);transition:transform var(--motion) ease,border-color var(--motion) ease,box-shadow var(--motion) ease;gap:14px;padding:18px;text-decoration:none;display:grid}.hero-department-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.hero-department-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hero-department-code{color:var(--action);letter-spacing:.08em;font-size:11px;font-weight:700}.hero-department-card h3{color:var(--text);margin:2px 0 0;font-size:18px}.hero-department-status{border-radius:var(--radius-pill);padding:5px 9px;font-size:11px;font-weight:700}.hero-department-status.sent{color:var(--success);background:#eaf7f0}.hero-department-status.attention{color:var(--attention);background:#fff5e8}.hero-department-status.unconfigured{color:var(--unconfigured);background:#eef2f7}.hero-department-trend{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:9px 0 4px}.hero-department-trend .mini-trend{width:100%;height:90px}.hero-department-trend:has(.chart-empty-mini){padding:12px 0}.chart-empty-mini{align-items:center;gap:10px;min-height:0;font-size:12px;display:flex}.chart-empty-mini .chart-empty-line{border-radius:var(--radius-pill);flex:none;width:32px;height:2px}.hero-department-stats{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.hero-department-stats>div{min-width:0;padding:9px 11px}.hero-department-stats>div+div{border-left:1px solid var(--border)}.hero-department-stats small{color:var(--text-secondary);font-size:11px;display:block}.hero-department-stats strong{color:var(--text);margin-top:3px;font-size:18px;display:block}.hero-department-foot{color:var(--text-secondary);justify-content:space-between;gap:18px;font-size:12px;display:flex}.hero-department-foot strong{color:var(--action);white-space:nowrap}.compact-department-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.compact-department-card{min-width:0;min-height:132px;color:inherit;border-left:4px solid var(--action);box-shadow:var(--shadow);transition:transform var(--motion) ease,border-color var(--motion) ease,box-shadow var(--motion) ease;grid-template-rows:auto 1fr auto;gap:10px;padding:16px;text-decoration:none;display:grid}.compact-department-card:hover{border-left-color:var(--action-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.compact-department-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.compact-department-code{color:var(--action);letter-spacing:.08em;font-size:10px;font-weight:700}.compact-department-card h3{color:var(--text);margin:2px 0 0;font-size:15px}.compact-department-state{color:var(--text-secondary);align-self:center;font-size:12px}.compact-department-metrics{gap:18px;display:flex}.compact-department-metrics span{color:var(--text-secondary);gap:2px;font-size:11px;display:grid}.compact-department-metrics strong{color:var(--text);font-size:16px}.compact-department-foot{color:var(--text-secondary);justify-content:space-between;gap:12px;font-size:11px;display:flex}.compact-department-foot>strong:only-child{margin-left:auto}.compact-department-foot strong{color:var(--action);font-size:12px}.command-hero h1,.command-hero p,.command-section-head h2,.command-section-head p,.hero-department-card h3,.hero-department-foot span,.compact-department-card h3,.compact-department-state{overflow-wrap:break-word}.status-dot-warning{background:var(--attention)}.status-dot-live{background:var(--success)}@media (max-width:1100px){.command-summary,.hero-department-grid{grid-template-columns:1fr}.compact-department-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.page.command-dashboard{padding:20px 16px 42px}.command-hero{flex-direction:column;align-items:flex-start}.compact-department-grid{grid-template-columns:1fr}.command-section-head{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width:520px){.operational-pulse-card,.command-attention-card{min-height:auto}.pulse-meta{flex-wrap:wrap;gap:12px}.hero-department-foot{flex-direction:column;align-items:flex-start;gap:7px}.hero-department-card{gap:11px;padding:15px}.hero-department-head{gap:8px}.hero-department-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-department-stats>div{padding:8px 6px}.hero-department-stats small{font-size:10px;line-height:1.25}.hero-department-stats strong{font-size:18px}}
.executive-department-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.executive-department-card{min-width:0;min-height:260px;color:inherit;border:1px solid var(--border);border-top:4px solid var(--action);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:transform var(--motion) ease,border-color var(--motion) ease,box-shadow var(--motion) ease;grid-template-rows:auto auto 1fr;gap:14px;padding:16px;text-decoration:none;display:grid}.executive-department-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.executive-department-card h3{color:var(--text);overflow-wrap:break-word;margin:2px 0 0;font-size:18px;line-height:1.25}.executive-department-note{color:var(--text-secondary);margin-top:6px;font-size:11px;line-height:1.35;display:block}.executive-department-foot{color:var(--text-secondary);flex-direction:column;justify-content:flex-end;align-self:end;gap:9px;padding-top:2px;font-size:11px;display:flex}.executive-department-foot strong{color:var(--action);font-size:12px}@media (max-width:1120px){.executive-department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.executive-department-grid{grid-template-columns:1fr}.executive-department-card{min-height:auto}}
.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.navigation-progress{z-index:1000;pointer-events:none;opacity:0;visibility:hidden;width:100%;height:3px;position:fixed;top:0;left:0;overflow:hidden}.navigation-progress>span{background:var(--action);width:34%;height:100%;display:block;transform:translate(-110%);box-shadow:0 0 10px #0b5dbb59}.navigation-progress-active{visibility:visible;animation:10ms linear .12s forwards navigation-progress-reveal}.navigation-progress-active>span{animation:1s ease-in-out .12s infinite navigation-progress-slide}.pending-link-indicator{opacity:0;vertical-align:middle;width:0;height:14px;transition:width var(--motion) ease,margin var(--motion) ease,opacity var(--motion) ease;justify-content:center;align-items:center;margin-left:0;display:inline-flex;overflow:hidden}.pending-link-indicator-active{opacity:1;width:14px;margin-left:6px}.pending-link-indicator>span,.loading-banner-spinner{border:2px solid var(--border-strong);border-top-color:var(--action);border-radius:var(--radius-pill);flex:none;width:14px;height:14px;animation:.75s linear infinite route-spinner}.side-nav-link .pending-link-indicator>span{border-color:#fff #ffffff59 #ffffff59}.loading-banner{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);align-items:center;gap:12px;margin:0 0 16px;padding:11px 13px;display:flex}.loading-banner strong{color:var(--text);font-size:13px;display:block}.loading-banner small{color:var(--text-secondary);margin-top:2px;font-size:11px;display:block}.loading-kpi-strip,.loading-panels,.loading-report-list,.loading-report-detail{margin-top:14px}.loading-report-list,.loading-report-detail{gap:10px;display:grid}.skeleton-report-row{height:66px}.skeleton-context{height:72px}.skeleton-summary-card{height:196px}.skeleton-hero-card{height:258px}.skeleton-compact-card{height:132px}.skeleton-breadcrumb{width:190px;height:20px}.loading-detail-header{justify-content:space-between;align-items:end;gap:20px;display:flex}.loading-detail-header .skeleton-context{width:min(620px,70%)}.skeleton-range{width:190px;height:42px}.skeleton-trend-panel,.skeleton-status-panel{height:320px}.skeleton-table-panel{height:260px;margin-top:14px}@keyframes navigation-progress-reveal{to{opacity:1}}@keyframes navigation-progress-slide{0%{transform:translate(-110%)}55%{transform:translate(165%)}to{transform:translate(310%)}}@keyframes route-spinner{to{transform:rotate(360deg)}}@media (max-width:800px){.loading-detail-header{flex-direction:column;align-items:stretch}.loading-detail-header .skeleton-context,.skeleton-range{width:100%}}@media (prefers-reduced-motion:reduce){.navigation-progress-active>span,.pending-link-indicator>span,.loading-banner-spinner{animation:none}}
:root{--ui-shell-strong:#081e3a;--ui-shell:#0b2d57;--ui-shell-soft:#123d70;--ui-canvas:#f3f6fa;--ui-surface:#fff;--ui-surface-subtle:#f8fafc;--ui-line:#d9e2ec;--ui-line-strong:#c5d2df;--ui-text:#102033;--ui-text-2:#52667c;--ui-text-3:#7b8da0;--ui-accent:#0864c8;--ui-accent-soft:#eaf3ff;--ui-success:#19704a;--ui-success-bg:#e9f7f0;--ui-warning:#9a5b00;--ui-warning-bg:#fff5df;--ui-danger:#b42332;--ui-danger-bg:#fff0f1;--ui-neutral:#5e6d7d;--ui-neutral-bg:#eef2f6;--ui-radius:10px;--ui-radius-sm:7px;--ui-shadow:0 1px 2px #081e3a0a, 0 8px 24px #081e3a09}body{background:var(--ui-canvas);color:var(--ui-text)}.page{width:min(100%,1540px);max-width:1540px;padding:24px 28px 52px}.system-page,.report-page,.admin-page{gap:16px;display:grid}.system-page-header,.report-page-header,.admin-page-header{justify-content:space-between;align-items:flex-end;gap:20px;padding:1px 0 4px;display:flex}.system-page-heading,.report-page-heading,.admin-page-heading{min-width:0}.system-kicker,.report-kicker,.admin-kicker{color:var(--ui-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.system-page-header h1,.report-page-header h1,.admin-page-header h1,.page-header h1{color:var(--ui-text);letter-spacing:-.03em;margin:0;font-size:clamp(24px,2.4vw,34px);line-height:1.08}.system-page-header p,.report-page-header p,.admin-page-header p,.page-header p{max-width:760px;color:var(--ui-text-2);margin:7px 0 0;font-size:12px;line-height:1.5}.system-header-actions,.report-header-actions,.admin-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.system-panel,.report-panel,.admin-panel,.dashboard-panel,.attention-panel,.card{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow)}.card,.dashboard-panel,.attention-panel{padding:16px}.system-panel-head,.report-panel-head,.admin-panel-head,.panel-heading{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:flex-end;gap:16px;padding:14px 16px;display:flex}.system-panel-head h2,.report-panel-head h2,.admin-panel-head h2,.panel-heading h2,.section-title{color:var(--ui-text);letter-spacing:-.01em;margin:0;font-size:16px;line-height:1.25}.system-panel-head p,.report-panel-head p,.admin-panel-head p{color:var(--ui-text-3);margin:3px 0 0;font-size:10px}.system-panel-body,.report-panel-body,.admin-panel-body{padding:16px}.system-command-strip{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.system-command-item{min-width:0;padding:13px 15px}.system-command-item+.system-command-item{border-left:1px solid var(--ui-line)}.system-command-item>span{color:var(--ui-text-3);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:850;display:block}.system-command-item>strong{color:var(--ui-text);font-variant-numeric:tabular-nums;margin-top:4px;font-size:24px;line-height:1.05;display:block}.system-command-item>small{color:var(--ui-text-2);margin-top:5px;font-size:9px;line-height:1.35;display:block}.btn{border-radius:var(--ui-radius-sm);min-height:36px;box-shadow:none;padding:7px 11px;font-size:11px;font-weight:800}.btn-primary{border-color:var(--ui-accent);background:var(--ui-accent)}.btn-primary:hover{background:#0756ad;border-color:#0756ad}.btn-secondary,.btn-ghost{color:var(--ui-accent);background:var(--ui-surface);border:1px solid var(--ui-line-strong)}.btn-secondary:hover,.btn-ghost:hover{border-color:var(--ui-accent);background:var(--ui-accent-soft)}.form-grid{gap:12px}.form-field{min-width:0}.form-field label{color:var(--ui-text-2);margin-bottom:5px;font-size:10px;font-weight:850;display:block}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-sm);width:100%;min-height:38px;color:var(--ui-text);background:var(--ui-surface);outline:none;padding:8px 10px;transition:border-color .12s,box-shadow .12s}.form-field textarea{resize:vertical;min-height:104px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--ui-accent);box-shadow:0 0 0 3px #0864c81a}.form-field .hint,.hint{color:var(--ui-text-3);margin-top:4px;font-size:9px;display:block}.required{color:var(--ui-danger)}.alert{border-radius:var(--ui-radius-sm);box-shadow:none;padding:10px 12px;font-size:11px}.alert-error{color:var(--ui-danger);background:var(--ui-danger-bg);border-color:#f1c9ce}.alert-warning{color:var(--ui-warning);background:var(--ui-warning-bg);border-color:#efd7a9}.alert-success{color:var(--ui-success);background:var(--ui-success-bg);border-color:#bedfce}.table-wrap{border-radius:0 0 var(--ui-radius) var(--ui-radius);width:100%;overflow-x:auto}table,.clean-table{border-collapse:collapse;background:var(--ui-surface);width:100%}thead th{height:36px;color:var(--ui-text-3);background:var(--ui-surface-subtle);border-bottom:1px solid var(--ui-line);letter-spacing:.05em;text-transform:uppercase;text-align:left;white-space:nowrap;padding:7px 11px;font-size:9px;font-weight:900}tbody td{color:var(--ui-text-2);vertical-align:middle;border-bottom:1px solid #e9eef4;padding:10px 11px;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fbfdff}tbody td strong{color:var(--ui-text)}.empty{color:var(--ui-text-3);text-align:center;padding:24px 14px}.report-create-actions{flex-wrap:wrap;gap:7px;display:flex}.report-list-panel{padding:0;overflow:hidden}.report-list-row-link{color:var(--ui-accent);white-space:nowrap;font-weight:850}.report-meta-strip{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.report-meta-item{padding:12px 14px}.report-meta-item+.report-meta-item{border-left:1px solid var(--ui-line)}.report-meta-item small{color:var(--ui-text-3);font-size:9px;font-weight:800;display:block}.report-meta-item strong{color:var(--ui-text);margin-top:4px;font-size:12px;display:block}.report-section-grid{gap:10px;display:grid}.report-value-section{padding:0;overflow:hidden}.report-value-section .section-title{background:var(--ui-surface-subtle);border-bottom:1px solid var(--ui-line);padding:13px 15px}.report-value-section .value-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.report-value-section .value-item{border-bottom:1px solid #e9eef4;border-right:1px solid #e9eef4;padding:12px 14px}.report-value-section .value-item small{color:var(--ui-text-3);font-size:9px}.report-value-section .value-item strong{color:var(--ui-text);margin-top:4px;font-size:12px}.report-form-intro{border-left:3px solid var(--ui-accent);background:var(--ui-accent-soft);border-radius:0 var(--ui-radius-sm) var(--ui-radius-sm) 0;color:var(--ui-text-2);padding:12px 14px;font-size:10px}.report-form-section{padding:0;overflow:hidden}.report-form-section .section-title{background:var(--ui-surface-subtle);border-bottom:1px solid var(--ui-line);padding:12px 15px}.report-form-section .form-grid{padding:15px}.report-form-actions{z-index:15;border:1px solid var(--ui-line);border-radius:var(--ui-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;justify-content:flex-end;gap:8px;padding:10px;display:flex;position:sticky;bottom:12px;box-shadow:0 8px 24px #081e3a1a}.dashboard-page{gap:16px}.detail-breadcrumb{font-size:10px}.dashboard-hero{align-items:center;padding:2px 0}.dashboard-hero h1{font-size:clamp(26px,2.6vw,35px)}.kpi-strip{gap:8px}.kpi-tile{border-radius:var(--ui-radius);min-height:92px;box-shadow:var(--ui-shadow);padding:12px 13px}.kpi-tile strong{font-size:24px}.dashboard-two-column{gap:10px}.compact-department-card{border-radius:var(--ui-radius);box-shadow:none}.admin-layout{grid-template-columns:minmax(300px,.8fr) minmax(0,1.7fr);align-items:start;gap:12px;display:grid}.admin-create-panel.card{margin:0}.admin-table-panel{padding:0;overflow:hidden}.admin-current{color:var(--ui-text-3);font-size:9px;font-weight:800}.login-page{background:var(--ui-shell-strong);place-items:stretch stretch;min-height:100vh;padding:0;display:grid}.auth-shell{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);min-height:100vh;display:grid}.auth-brand-panel{color:#fff;background:linear-gradient(145deg,#081e3afa,#0b2d57f5),radial-gradient(circle at 10% 10%,#297ddc40,#0000 38%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:42px 48px;display:flex;position:relative}.auth-brand-lockup{align-items:center;gap:14px;display:flex}.auth-brand-logo{filter:brightness(0)invert();opacity:.92;width:66px;height:auto}.auth-brand-lockup strong{font-size:16px;display:block}.auth-brand-lockup small{color:#ffffff9e;margin-top:2px;font-size:10px;display:block}.auth-brand-copy{max-width:520px}.auth-brand-copy span{color:#8fc5ff;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:900}.auth-brand-copy h1{letter-spacing:-.045em;max-width:500px;margin:9px 0 12px;font-size:clamp(34px,4vw,54px);line-height:1.02}.auth-brand-copy p{color:#ffffffad;max-width:480px;margin:0;font-size:13px;line-height:1.65}.auth-brand-foot{color:#ffffff73;font-size:9px}.auth-form-panel{background:var(--ui-canvas);place-items:center;padding:38px;display:grid}.login-card.auth-card{border:1px solid var(--ui-line);background:var(--ui-surface);width:min(460px,100%);box-shadow:var(--ui-shadow);border-radius:12px;margin:0;padding:28px}.auth-card-header{margin-bottom:20px}.auth-card-header span{color:var(--ui-accent);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900}.auth-card-header h2{color:var(--ui-text);letter-spacing:-.025em;margin:5px 0;font-size:25px}.auth-card-header p{color:var(--ui-text-2);margin:0;font-size:11px}.auth-card form>.form-field{margin-top:12px!important}.auth-card form>.form-field:first-of-type{margin-top:0!important}.auth-card form a{color:var(--ui-accent);font-size:10px;font-weight:750}.auth-card form .btn{min-height:40px}.auth-back{color:var(--ui-accent);margin-top:16px;font-size:10px;font-weight:800;display:inline-flex}.loading-page,.page-loading{gap:12px;display:grid}.skeleton-card{border-radius:var(--ui-radius);box-shadow:none}.login-loading{color:var(--ui-text-3);font-size:10px}.page-header{align-items:flex-end;margin-bottom:14px}.actions{gap:8px}.meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.meta-item{padding:8px 10px}.meta-item small{color:var(--ui-text-3);font-size:9px}.meta-item strong{color:var(--ui-text);font-size:11px}.value-list{gap:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}@media (max-width:1180px){.system-command-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.system-command-item:nth-child(3){border-left:0;border-top:1px solid var(--ui-line)}.system-command-item:nth-child(4){border-top:1px solid var(--ui-line)}.admin-layout{grid-template-columns:1fr}.report-value-section .value-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.page{padding:18px 16px 42px}.system-page-header,.report-page-header,.admin-page-header,.page-header{flex-direction:column;align-items:flex-start}.auth-shell{grid-template-columns:1fr}.auth-brand-panel{gap:30px;min-height:auto;padding:28px 24px}.auth-brand-copy h1{font-size:34px}.auth-form-panel{min-height:58vh;padding:24px 16px}.report-meta-strip,.meta{grid-template-columns:repeat(2,minmax(0,1fr))}.report-meta-item:nth-child(3),.meta-item:nth-child(3){border-left:0}.report-value-section .value-list{grid-template-columns:1fr}}@media (max-width:620px){.system-command-strip{grid-template-columns:1fr}.system-command-item+.system-command-item,.system-command-item:nth-child(3),.system-command-item:nth-child(4){border-left:0;border-top:1px solid var(--ui-line)}.report-meta-strip,.meta{grid-template-columns:1fr}.report-meta-item+.report-meta-item{border-left:0;border-top:1px solid var(--ui-line)}.report-form-actions{flex-direction:column-reverse;position:static}.report-form-actions .btn{width:100%}.auth-brand-panel{padding:22px 18px}.auth-brand-copy h1{font-size:29px}.auth-form-panel{padding:18px 12px}.login-card.auth-card{padding:20px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.login-card.auth-card>.auth-card-header:first-child{width:auto;height:auto;color:inherit;background:0 0;margin:0 0 20px;overflow:visible}.dashboard-page>nav[aria-label="Phân hệ KTVT"]{grid-row:auto/span 30!important}.dashboard-page>nav[aria-label="Phân hệ KTVT"]~.alert{grid-column:2!important}.dashboard-page details[id^=checklist-],.dashboard-page details[id^=repairs-],.dashboard-page details[id^=materials-],.dashboard-page details[id^=maintenance-],.dashboard-page details[id^=inspection-],.dashboard-page details[id^=tire-],.dashboard-page details[id^=vehicle-]{scroll-margin-top:180px!important}main:has(>a[href^="/tong-quan/ktvt?"]) section[id]{scroll-margin-top:118px}main.page section[aria-label="Tín hiệu điều hành hôm nay"] small{line-height:1.4;font-size:10px!important}main.page section[aria-label="Bốn hạng mục nghiệp vụ"] small{line-height:1.4;font-size:11px!important}.dashboard-page>nav[aria-label="Phân hệ KTVT"]:before{font-size:10px!important}.dashboard-page>nav[aria-label="Phân hệ KTVT"] a{font-size:11px!important}.dashboard-page a[href*="/tong-quan/ktvt?"][href*=focus\=] small,.dashboard-page details[id] small{line-height:1.4;font-size:10px!important}.dashboard-page details[id]>summary span:not([class]){font-size:10px}main:has(>a[href^="/tong-quan/ktvt?"]) nav[aria-label="Đi tới khu vực hồ sơ"] a{font-size:10px!important}main:has(>a[href^="/tong-quan/ktvt?"]) small{font-size:10px!important}main:has(>a[href^="/tong-quan/ktvt?"]) dt{font-size:10px!important}main:has(>a[href^="/tong-quan/ktvt?"]) th{font-size:10px!important}main:has(>a[href^="/tong-quan/ktvt?"]) td{font-size:10px!important}@media (max-width:980px){.dashboard-page>nav[aria-label="Phân hệ KTVT"]{grid-row:auto!important}.dashboard-page>nav[aria-label="Phân hệ KTVT"]~.alert{grid-column:1!important}.dashboard-page details[id^=checklist-],.dashboard-page details[id^=repairs-],.dashboard-page details[id^=materials-],.dashboard-page details[id^=maintenance-],.dashboard-page details[id^=inspection-],.dashboard-page details[id^=tire-],.dashboard-page details[id^=vehicle-]{scroll-margin-top:122px!important}}