:root{--ground: #f4f6f8;--surface: #fff;--sunken: #eef1f4;--ink: #141b26;--ink-muted: #5a6675;--border: #d7dde5;--navy: #17324f;--navy-ink: #e9eef4;--accent: #2f6f9f;--accent-weak: #e3eef5;--on-accent: #fff;--success: #2e7d5b;--success-weak: #e2efe9;--warning: #b9762a;--warning-weak: #f4e9dc;--critical: #b23b3b;--critical-weak: #f4e2e2;--info: #4a5b8c;--info-weak: #e6e9f2;--r-sm: 6px;--r-xs: 2px;--f-display: "Spectral", Georgia, serif;--f-ui: "Public Sans", system-ui, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ground: #0f141b;--surface: #161d27;--sunken: #1c2530;--ink: #e6e9ee;--ink-muted: #9aa7b6;--border: #2a3542;--navy: #0c1a2a;--navy-ink: #cdd9e6;--accent: #4f97c9;--accent-weak: #1e3a4d;--on-accent: #08131b;--success: #5cba8e;--success-weak: #1a2c25;--warning: #d99a52;--warning-weak: #33261a;--critical: #e07a7a;--critical-weak: #331e1e;--info: #8ea1d4;--info-weak: #1f2637}}:root[data-theme=dark]{--ground: #0f141b;--surface: #161d27;--sunken: #1c2530;--ink: #e6e9ee;--ink-muted: #9aa7b6;--border: #2a3542;--navy: #0c1a2a;--navy-ink: #cdd9e6;--accent: #4f97c9;--accent-weak: #1e3a4d;--on-accent: #08131b;--success: #5cba8e;--warning: #d99a52;--critical: #e07a7a;--info: #8ea1d4;--success-weak: #1a2c25;--warning-weak: #33261a;--critical-weak: #331e1e;--info-weak: #1f2637}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--f-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--f-display);font-weight:600;margin:0;text-wrap:balance}a{color:var(--accent);text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.muted{color:var(--ink-muted)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-muted);font-weight:600}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer}.btn:hover{background:var(--sunken)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn--ghost{background:transparent;border-color:transparent}.btn[disabled]{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm)}.card__h{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.card__b{padding:16px}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:100px;font-size:11px;font-weight:600}.pill:before{content:"";width:6px;height:6px;border-radius:100px;background:currentColor}.pill--info{background:var(--info-weak);color:var(--info)}.pill--accent{background:var(--accent-weak);color:var(--accent)}.pill--warning{background:var(--warning-weak);color:var(--warning)}.pill--success{background:var(--success-weak);color:var(--success)}.pill--neutral{background:var(--sunken);color:var(--ink-muted)}.bar{height:8px;border-radius:100px;background:var(--sunken);overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent)}.bar.lo>i{background:var(--warning)}.bar.ok>i{background:var(--success)}table.data{width:100%;border-collapse:collapse;font-size:13px}.data th{background:var(--sunken);text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);padding:8px 12px;border-bottom:1px solid var(--border)}.data td{padding:10px 12px;border-bottom:1px solid var(--border)}.data tbody tr:hover{background:var(--sunken)}.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface)}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.field input,.field select{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--ground);color:var(--ink);font-family:inherit;font-size:14px}.field .errmsg{color:var(--critical);font-size:12px;margin-top:5px}.callout{display:flex;gap:10px;padding:12px 14px;border-radius:var(--r-sm);font-size:13px;border:1px solid var(--border);background:var(--sunken)}.callout--warn{background:var(--warning-weak);border-color:transparent;color:var(--warning)}.callout--crit{background:var(--critical-weak);border-color:transparent;color:var(--critical)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:14px 15px}.kpi .n{font-family:var(--f-display);font-size:30px;font-weight:600;line-height:1}.kpi .l{font-size:11.5px;color:var(--ink-muted);margin-top:6px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:var(--navy-ink);padding:18px 12px;display:flex;flex-direction:column;gap:2px}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:6px 10px 16px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:10px}.sidebar .brand .mark{width:30px;height:30px;border-radius:var(--r-sm);background:var(--navy-ink);color:var(--navy);display:grid;place-items:center;font-family:var(--f-display);font-weight:600}.sidebar a{display:block;padding:8px 10px;border-radius:var(--r-sm);color:#e9eef4d1;font-size:13px;font-weight:500}.sidebar a:hover{background:#ffffff12;color:#fff}.sidebar a.active{background:#ffffff21;color:#fff;font-weight:600}.sidebar .grp{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#e9eef480;padding:14px 10px 6px}.topbar{display:flex;align-items:center;gap:12px;padding:10px 22px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar .spacer{flex:1}.rolebadge{font-size:11px;font-weight:600;padding:4px 9px;border-radius:100px;background:var(--accent-weak);color:var(--accent)}.main{padding:22px 26px 60px;max-width:1240px}.pagehead{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.pagehead h1{font-size:24px}.authwrap{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:linear-gradient(180deg,var(--ground),var(--sunken))}.authcard{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:30px 28px}@media (max-width: 1000px){.shell{grid-template-columns:1fr}.sidebar{display:none}}
