:root{--bg: #0b1020;--panel: #101a33;--muted: #93a4c7;--text: #e6ecff;--accent: #6ea8ff;--border: #213158;--danger: #ff6b6b;--ok: #3ddc97}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1000px 600px at 20% 0%,#13224a 0%,var(--bg) 60%);color:var(--text)}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:linear-gradient(180deg,#0c142b,#0b1020);padding:18px}.brand{font-weight:700;letter-spacing:.5px;margin-bottom:14px}.nav{display:flex;flex-direction:column;gap:6px}.nav a{padding:10px 12px;border-radius:10px;color:var(--muted);border:1px solid transparent}.nav a.active{background:#6ea8ff1a;border-color:#6ea8ff40;color:var(--text)}.content{padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card{background:#101a33d9;border:1px solid var(--border);border-radius:14px;padding:14px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.col-6{grid-column:span 6}.col-12{grid-column:span 12}.kpi{display:flex;flex-direction:column;gap:6px}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-size:20px;font-weight:700}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px;border-bottom:1px solid rgba(33,49,88,.7);text-align:left;vertical-align:top}th{color:var(--muted);font-weight:600}.pill{display:inline-flex;padding:3px 8px;border-radius:999px;border:1px solid var(--border);font-size:12px;color:var(--muted)}.pill.ok{color:var(--ok);border-color:#3ddc9759}.pill.bad{color:var(--danger);border-color:#ff6b6b59}.controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}input,select{background:#0b102099;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px}button{background:#6ea8ff1f;border:1px solid rgba(110,168,255,.28);color:var(--text);border-radius:10px;padding:10px 12px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.muted{color:var(--muted)}@media (max-width: 980px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2}}