:root{--bg:#0a0e14;--bg-card:#131820;--bg-hover:#1a2028;--bg-elevated:#1c2430;--border:#2a3040;--border-light:#3a4050;--text:#e8ecf0;--text-dim:#7a8494;--text-muted:#4a5464;--accent:#3b82f6;--accent-dim:#3b82f626;--critical:#ef4444;--critical-dim:#ef44441f;--high:#f59e0b;--high-dim:#f59e0b1f;--medium:#3b82f6;--medium-dim:#3b82f61f;--low:#6b7280;--positive:#10b981;--positive-dim:#10b9811f;--font:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius:8px;--radius-sm:4px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.topnav{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:100;align-items:center;gap:32px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.nav-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-icon{color:var(--accent);font-size:18px}.brand-text{letter-spacing:-.3px;font-size:14px;font-weight:600}.nav-links{gap:2px;display:flex}.nav-links a{color:var(--text-dim);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.nav-links a:hover{color:var(--text);background:var(--bg-hover)}.nav-links a.active{color:var(--accent);background:var(--accent-dim)}.nav-meta{margin-left:auto}.system-badge{background:var(--critical-dim);color:var(--critical);border:1px solid #ef44444d;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.main-content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:24px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:16px}.kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:6px;font-size:10px}.kpi-value{font-size:28px;font-weight:700;font-family:var(--font-mono)}.kpi-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.kpi.critical .kpi-value{color:var(--critical)}.kpi.high .kpi-value{color:var(--high)}.kpi.positive .kpi-value{color:var(--positive)}.kpi.accent .kpi-value{color:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.card-body{padding:16px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.badge{border:1px solid;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge.critical{background:var(--critical-dim);color:var(--critical);border-color:#ef44444d}.badge.high{background:var(--high-dim);color:var(--high);border-color:#f59e0b4d}.badge.medium{background:var(--medium-dim);color:var(--medium);border-color:#3b82f64d}.badge.low{color:var(--low);background:#6b72801a;border-color:#6b72804d}.badge.positive{background:var(--positive-dim);color:var(--positive);border-color:#10b9814d}.code-block{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:pre;color:#c9d1d9;background:#0d1117;padding:12px;font-size:12px;line-height:1.6;overflow-x:auto}.page-title{letter-spacing:-.5px;margin-bottom:4px;font-size:22px;font-weight:700}.page-subtitle{color:var(--text-dim);margin-bottom:20px;font-size:13px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@media (width<=1024px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (width<=768px){.nav-links{display:none}}