:root{--bg:#0b0b0f;--panel:#16161d;--border:#2a2a36;--text:#f2f2f5;--muted:#9a9aa8;--accent:#7c5cff;--accent-fg:#fff;--ok:#28c76f;--warn:#ff9f43;--danger:#ea5455}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:880px;margin:0 auto;padding:40px 24px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:20px}.btn{display:inline-block;background:var(--accent);color:var(--accent-fg);border:none;border-radius:8px;padding:10px 18px;font-size:15px;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.btn:disabled{opacity:.6;cursor:not-allowed}.input{width:100%;background:#0e0e14;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:15px;margin:6px 0 14px}.muted{color:var(--muted)}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill.ok{background:rgba(40,199,111,.15);color:var(--ok)}.pill.warn{background:rgba(255,159,67,.15);color:var(--warn)}.pill.danger{background:rgba(234,84,85,.15);color:var(--danger)}.nav{display:flex;gap:18px;padding:16px 24px;border-bottom:1px solid var(--border);align-items:center}.nav .brand{font-weight:700;letter-spacing:.5px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.metric{font-size:28px;font-weight:700}