:root{--bg:#f4f7ff;--surface:#fff;--ink:#0f172a;--muted:#475569;--accent:#0f766e;--accent-soft:#ccfbf1;--warning:#b45309;--high:#b91c1c;--critical:#7f1d1d;--border:#dbe4f0}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at top right, #dff4ff 0%, transparent 45%), radial-gradient(circle at left 70%, #d1fae5 0%, transparent 35%), var(--bg);margin:0;font-family:IBM Plex Sans,Avenir Next,sans-serif}main{width:min(1200px,100% - 2rem);margin:1.25rem auto 3rem}.panel{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:1rem;box-shadow:0 8px 30px #0f172a0a}.grid{gap:.9rem;display:grid}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}h1,h2,h3{margin:0}input,button{font:inherit}button{cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:10px;padding:.55rem .9rem;font-weight:600}button.secondary{color:#0f172a;background:#e2e8f0}button.danger{background:#b91c1c}input{border:1px solid var(--border);border-radius:10px;min-width:220px;padding:.55rem .7rem}.status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.2rem .5rem;font-size:.78rem;display:inline-block}.status.normal{color:#166534;background:#dcfce7}.status.warning{color:var(--warning);background:#fef3c7}.status.high{color:var(--high);background:#fee2e2}.status.critical{color:var(--critical);background:#fecaca}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem;font-size:.9rem}.spark{align-items:flex-end;gap:2px;height:60px;display:flex}.spark>span{background:linear-gradient(to top, var(--accent), #34d399);border-radius:3px 3px 0 0;width:100%}.muted{color:var(--muted)}