:root{--bg:#0f1115;--card:#171a21;--text:#e6e9ef;--muted:#8b93a3;--accent:#4f8cff;--ok:#2fbf71;--warn:#e5a50a;--danger:#e5534b}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:900px;margin:0 auto;padding:16px}nav.topbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 16px;background:var(--card);position:-webkit-sticky;position:sticky;top:0;z-index:10}nav.topbar a{color:var(--muted);font-weight:500}nav.topbar a[aria-current=page]{color:var(--text)}.card{background:var(--card);border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid #232833}.card h3{margin:0 0 6px;font-size:1rem}.muted{font-size:.85rem}.badge,.muted{color:var(--muted)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.72rem;background:#232833;margin-right:6px}.badge.ok{background:rgba(47,191,113,.15);color:var(--ok)}.badge.warn{background:rgba(229,165,10,.15);color:var(--warn)}.btnrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.btn,button{background:#232833;color:var(--text);border:1px solid #2c3341;border-radius:8px;padding:7px 12px;cursor:pointer;font-size:.85rem}.btn:hover,button:hover{border-color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{background:#10131a;color:var(--text);border:1px solid #2c3341;border-radius:8px;padding:8px;font-size:.95rem;width:100%;max-width:480px}label{display:block;margin:10px 0 4px;font-size:.85rem}.empty,label{color:var(--muted)}.empty{text-align:center;padding:48px 0}.error-box{background:rgba(229,83,75,.12);border:1px solid var(--danger);color:#ffb4ae;padding:12px;border-radius:10px}@media (max-width:600px){.container{padding:10px}nav.topbar{gap:8px;font-size:.9rem}}