:root{--bg:#0a0f1e;--panel:#0e1426;--panel-2:#101734;--border:#1b2547;--text:#e5e9f2;--muted:#94a3b8;--accent:#33c3ff;--panel-header-bg:#0f1730;--control-separator:#2c3650;--chip-bg:#0b1225;--chip-fg:var(--muted);--input-bg:#0b1220;--primary:#2563eb;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;--risk-low:#16a34a;--risk-moderate:#f59e0b;--risk-high:#ef4444;--risk-critical:#a21caf}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;background:var(--bg);color:var(--text)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(180deg,#0d142a,#0b1225);border-bottom:1px solid var(--border)}.brand{font-weight:600;letter-spacing:.2px}.nav-link{color:var(--muted);margin-left:12px;text-decoration:none}.nav-link:hover{color:var(--text)}.container{max-width:1200px;margin:24px auto;padding:0 16px}h1{margin:0 0 12px}p{color:var(--muted)}.grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.card{background:var(--panel);border:1px solid #1f2937;border-radius:8px;padding:16px}.card a{color:var(--accent);text-decoration:none}.card a:hover{text-decoration:underline}.stack{display:grid;grid-gap:12px;gap:12px}.panel{background:var(--panel)}.panel,.panel-2{border:1px solid var(--border);border-radius:10px;padding:16px}.panel-2{background:var(--panel-2)}.panel h2{margin:0 0 8px;font-size:18px}.muted{color:var(--muted);font-size:14px}.panel-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--control-separator);padding:6px 8px;border-radius:8px;background:var(--panel-header-bg)}.panel-header strong{font-size:12px;color:#c9d7f2}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0d152b;color:var(--text);cursor:pointer}.btn:hover{border-color:#27406e}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-warning{background:var(--warning);border-color:var(--warning);color:#0a0a0a}.chip{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);color:var(--chip-fg);background:var(--chip-bg)}.chip-risk-low{color:#fff;background:rgba(22,163,74,.15);border-color:rgba(22,163,74,.5)}.chip-risk-moderate{color:#1b1b1b;background:rgba(245,158,11,.25);border-color:rgba(245,158,11,.6)}.chip-risk-high{color:#fff;background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5)}.chip-risk-critical{color:#fff;background:rgba(162,28,175,.2);border-color:rgba(162,28,175,.5)}.grid-2{display:grid;grid-template-columns:2fr 1.5fr;grid-gap:12px;gap:12px}.grid-2-balanced{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.grid-3-balanced{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:12px;gap:12px}.mt-2{margin-top:12px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:10px;border-bottom:1px solid var(--border)}.table th{text-align:left;color:var(--muted);font-weight:600}.bar{width:100%;height:8px;border-radius:999px;background:#0b1426;border:1px solid var(--border);overflow:hidden}.bar-fill{height:100%;background:var(--accent)}.title{font-size:20px;font-weight:600}.subtitle{color:var(--muted);font-size:14px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0e152e,#0c1328)}.breadcrumb{color:var(--muted);font-size:12px}.topbar-actions{display:flex;gap:8px;align-items:center}.input{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);min-width:200px}.input::placeholder{color:#6b7280}