:root{--bg:#f6f8fb;--ink:#102033;--muted:#64748b;--brand:#be123c;--card:#fff;--line:#e2e8f0;--ok:#15803d;--warn:#ca8a04;--bad:#b91c1c}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.side{color:#fff;background:#111827;height:100vh;padding:22px;position:sticky;top:0}.brand{margin-bottom:22px;font-size:22px;font-weight:800}.brand span{color:#fb7185;font-size:13px;display:block}.nav a{color:#d1d5db;border-radius:10px;margin:3px 0;padding:10px 12px;text-decoration:none;display:block}.nav a:hover,.nav a.active{color:#fff;background:#374151}.main{padding:28px}.top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 25px #0f172a0a}.kpi{font-size:32px;font-weight:800}.muted{color:var(--muted)}.btn,button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:10px;padding:10px 14px}.btn.secondary,button.secondary{color:#111827;background:#e2e8f0}.btn.danger,button.danger{background:var(--brand)}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px}label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line);text-align:left;padding:12px;font-size:14px}.chip{background:#e2e8f0;border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.critical,.offline{color:#991b1b;background:#fee2e2}.high,.detected{color:#9a3412;background:#ffedd5}.medium,.action_assigned,.acknowledged{color:#854d0e;background:#fef9c3}.low,.online,.closed,.resolved{color:#166534;background:#dcfce7}.false_alarm,.degraded{color:#3730a3;background:#e0e7ff}.snapshot{aspect-ratio:16/9;color:#fff;background:linear-gradient(135deg,#1f2937,#475569);border-radius:14px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.poly{background:#fb718533;border:2px solid #fb7185;position:absolute}.footer{border:1px solid var(--line);color:#7c2d12;background:#fff7ed;border-radius:14px;margin-top:24px;padding:14px;font-size:13px}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login .card{width:min(460px,100%)}.row{align-items:end;gap:10px;display:flex}.row>*{flex:1}.empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:14px;padding:24px}@media (max-width:900px){.shell{grid-template-columns:1fr}.side{height:auto;position:relative}.grid,.grid3{grid-template-columns:1fr}.main{padding:16px}.nav{grid-template-columns:repeat(2,1fr);display:grid}}