:root { color-scheme: dark; }
body { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; background:#0b1020; color:#e5e7eb; margin:0; }
a { color:#93c5fd; text-decoration:none; }
.container { max-width:1100px; margin:0 auto; padding:24px; }
.card { background:#0f172a; border:1px solid #1f2937; border-radius:16px; padding:16px; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.grid { display:grid; gap:16px; }
.grid-2 { grid-template-columns: 1fr 1fr; }
.badge { padding:4px 10px; border-radius:999px; font-size:12px; border:1px solid #334155; }
.badge.on { background: rgba(34,197,94,.15); border-color: rgba(34,197,94,.35); }
.badge.off { background: rgba(239,68,68,.15); border-color: rgba(239,68,68,.35); }
.topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; gap:12px; }
.btn { background:#2563eb; border:none; color:white; padding:10px 14px; border-radius:12px; cursor:pointer; }
.btn.secondary { background:#334155; }
.input { width:100%; padding:10px 12px; border-radius:12px; border:1px solid #334155; background:#0b1226; color:#e5e7eb; }
.small { color:#94a3b8; font-size:12px; }
.table { width:100%; border-collapse:collapse; }
.table td, .table th { border-bottom: 1px solid #1f2937; padding:10px; text-align:left; vertical-align:top;}
.incident { border-left:4px solid #eab308; padding:12px 14px; background:#111827; border-radius:12px; }
.incident.critical { border-left-color:#ef4444; }
.incident.info { border-left-color:#60a5fa; }