:root{--bg:#0b1220;--card:#111c33;--line:#22345e;--txt:#e5e7eb;--mut:#9fb0cc;--acc:#7dd3fc;--btn:#38bdf8;--ok:#34d399;--err:#f87171}*{box-sizing:border-box}body{font-family:system-ui,sans-serif;margin:0;background:var(--bg);color:var(--txt);padding:18px}.wrap{max-width:1050px;margin:0 auto}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:12px}h1{margin:0 0 4px;font-size:22px}h3{margin:0 0 8px}.sub{color:var(--mut);font-size:13px}input,select{background:#0e1830;border:1px solid var(--line);border-radius:9px;color:var(--txt);padding:9px;font-size:14px;margin:4px 6px 4px 0}button{background:var(--btn);color:#06283a;font-weight:700;border:0;border-radius:9px;padding:9px 16px;font-size:14px;cursor:pointer}button.sec{background:transparent;color:var(--acc);border:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}td,th{border:1px solid var(--line);padding:7px;text-align:left}th{background:#0e1830}.err{color:var(--err)}.err,.ok{font-size:13px}.ok{color:var(--ok)}.chip{display:inline-block;background:#0e1830;border:1px solid var(--line);border-radius:999px;padding:4px 12px;margin:3px 6px 3px 0;font-size:12px}.chip.on{border-color:var(--ok);color:var(--ok)}.chip.off{border-color:var(--err);color:var(--err)}nav{margin-bottom:12px}nav a{color:var(--acc);margin-right:14px;text-decoration:none;font-size:14px}