:root{--bg:#0f1220;--card:#1a1f33;--fg:#e7e9f0;--mut:#9aa3bd;--acc:#6ea8fe;--ok:#3ecf8e;--warn:#f0b441;--bd:#2a3050}*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}a{color:var(--acc);text-decoration:none}.topbar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--card);border-bottom:1px solid var(--bd)}.topbar nav{display:flex;gap:12px}.topbar nav a{color:var(--mut);padding:4px 8px;border-radius:6px}.topbar nav a.active{color:var(--fg);background:var(--bd)}.spacer{flex:1}main{max-width:1000px;margin:0 auto;padding:20px}.card{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:16px;margin-bottom:18px}h2{font-size:14px;margin:0 0 12px;color:var(--acc);text-transform:uppercase;letter-spacing:.04em}label{display:block;margin:8px 0}input,textarea,select{font:inherit;color:var(--fg);background:#0c0f1c;border:1px solid var(--bd);border-radius:6px;padding:8px;width:100%}select{width:auto}textarea{font-family:ui-monospace,Consolas,monospace}button{font:inherit;background:var(--acc);color:#0c0f1c;border:0;border-radius:6px;padding:8px 14px;font-weight:600;cursor:pointer;margin-top:8px}button.sec{background:var(--bd);color:var(--fg)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.muted{color:var(--mut)}.ok{color:var(--ok)}.warn{color:var(--warn)}.pill{display:inline-block;padding:2px 8px;border-radius:20px;font-size:12px;background:#0c0f1c;border:1px solid var(--bd);margin:2px}.pill.ok{border-color:var(--ok)}.pill.warn{border-color:var(--warn);color:var(--warn)}table{width:100%;border-collapse:collapse;margin-top:10px}td,th{text-align:left;padding:5px 8px;border-bottom:1px solid #222845}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:12px}.grid>div{background:#0c0f1c;border:1px solid #222845;border-radius:4px;padding:6px 4px;text-align:center;font-size:12px;min-height:30px}.grid>div.h{background:var(--bd);font-weight:600}