:root{color-scheme:dark;--bg: #0a0e15;--panel: #141a24;--panel-2: #0d131e;--border: #1c2434;--text: #e7eaf1;--muted: #6e7891;--accent: #e3b341;--accent-2: #c98f2e;--on-accent: #0a0e15;--danger: #ff6b81;--ok: #4ade80;--warn: #f5c451}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:var(--accent);text-decoration:none}h1,h2,h3{font-weight:650}.muted{color:var(--muted)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:8px 13px;border-radius:8px;cursor:pointer;font-size:13px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.primary:hover{background:var(--accent-2)}.btn.danger{color:var(--danger);border-color:#5a2230}.btn.sm{padding:5px 9px;font-size:12px}input,select,textarea{width:100%;padding:9px 11px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:13px}input:focus,select:focus{outline:2px solid var(--accent);border-color:transparent}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 5px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:hover td{background:#ffffff05}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid var(--border);color:var(--muted)}.badge.ok{color:var(--ok);border-color:#1f5e47}.badge.warn{color:var(--warn);border-color:#5e4d1f}.badge.accent{color:#f3e4c0;border-color:#e3b34159;background:#e3b3411f}.banner{margin:12px 0;padding:11px 13px;border-radius:9px;font-size:13px;background:#122a22;border:1px solid #1f5e47;color:#b6f0d8}.banner.error{background:#3a1620;border-color:#6b2233;color:#ffb4c0}.banner code{background:#00000059;padding:2px 6px;border-radius:5px}dialog,.modal{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;padding:22px;width:min(94vw,440px)}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:50}