:root{--brand: #2563eb;--brand-accent: #7c3aed;--bg: #0f172a;--panel: #1e293b;--panel-2: #273449;--text: #e2e8f0;--muted: #94a3b8;--border: #334155;--critical: #ef4444;--warning: #f59e0b;--info: #38bdf8;--radius: 10px}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}h1{font-size:1.5rem;margin:0 0 .25rem}.muted{color:var(--muted)}.small{font-size:.8rem}.center{display:grid;place-items:center;height:60vh}.error{background:#ef444426;border:1px solid var(--critical);color:#fecaca;padding:.6rem .8rem;border-radius:var(--radius);margin:.5rem 0}.btn{background:var(--brand);color:#fff;border:0;padding:.5rem .9rem;border-radius:var(--radius);cursor:pointer;font-weight:600}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.6;cursor:default}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.brand{font-weight:800;font-size:1.25rem;letter-spacing:-.5px}.brand span{color:var(--brand)}.brand-lg{font-size:2rem}.login-wrap{display:grid;place-items:center;min-height:100vh}.login-card{background:var(--panel);padding:2rem;border-radius:16px;width:360px;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--border)}.login-card label{font-size:.8rem;color:var(--muted);margin-top:.5rem}.login-card input{padding:.55rem .7rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2);color:var(--text)}.login-card .btn{margin-top:1rem}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:1.2rem;display:flex;flex-direction:column;gap:1rem}.sidebar nav{display:flex;flex-direction:column;gap:.25rem}.sidebar nav a{color:var(--muted);text-decoration:none;padding:.5rem .7rem;border-radius:var(--radius)}.sidebar nav a:hover{background:var(--panel-2);color:var(--text)}.sidebar nav a.active{background:var(--brand);color:#fff}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.content{padding:2rem;overflow:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;margin-bottom:1rem}.card-title{margin:0 0 .6rem;font-size:.95rem;color:var(--muted);font-weight:600}.stat{font-size:2.2rem;font-weight:800}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.4px}.badge{padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700}.badge-critical{background:#ef44442e;color:#fca5a5}.badge-warning{background:#f59e0b2e;color:#fcd34d}.badge-info{background:#38bdf82e;color:#7dd3fc}.row{display:flex;gap:.5rem;margin:.5rem 0 1rem}.chip{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);padding:.35rem .7rem;border-radius:999px;cursor:pointer}.chip-active{background:var(--brand);color:#fff;border-color:var(--brand)}ul.plain{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}