:root{--bg:#0b0f14;--panel:#131a23;--line:#243246;--text:#e5edf7;--muted:#9eb2c8;--brand:#3b82f6;--warn:#f59e0b;--danger:#ef4444;--ok:#22c55e}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:var(--bg);color:var(--text)}
.container{max-width:1200px;margin:0 auto;padding:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}
.grid{display:grid;gap:12px}.g4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
input,select,textarea,button{border-radius:8px;border:1px solid var(--line);background:#0f141c;color:var(--text);padding:10px;width:100%}
button{background:var(--brand);border:none;font-weight:600;cursor:pointer}.btn-muted{background:#334155}.btn-warn{background:var(--warn);color:#111}.btn-danger{background:var(--danger)}
.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1;min-width:180px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:10px;text-align:left;font-size:14px}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#334155;font-size:12px}nav{position:sticky;top:0;background:#0b0f14e6;backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
nav .inner{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.navbtn{padding:8px 10px;background:#1f2937;border:1px solid var(--line);border-radius:8px;cursor:pointer;color:var(--text)}
small{color:var(--muted)} h1,h2,h3{margin:.2rem 0}.hidden{display:none}