:root{--bg:#0b1017;--panel:#121926;--text:#e7edf6;--muted:#9aa3ab;--border:#1e2a3b;--btn:#7c4dff;--btn2:#2b3443}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--text)}
.topbar{position:sticky;top:0;background:#0d1421;border-bottom:1px solid var(--border);padding:14px 16px;font-weight:800}
.container{max-width:1120px;margin:22px auto;padding:0 16px}
.banner{padding:12px;border-radius:12px;margin:12px 0;border:1px solid var(--border);background:#0f1624;color:var(--muted)}
.banner.success{background:#0c1f16;color:#9af0c9;border-color:#1b5d46}
.banner.danger{background:#2a0e12;color:#ffb3b3;border-color:#5c2931}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table th,.table td{padding:10px 12px;background:var(--panel);border:1px solid var(--border)}
.row{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 12px}
.brand{font-weight:900}
button{padding:10px 16px;border-radius:999px;border:0;background:var(--btn);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(124,77,255,.25)}
button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}
input,select{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0a111c;color:#e7edf6}
.switch{position:relative;display:inline-block;width:54px;height:28px;vertical-align:middle}
.switch input{display:none}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#3a3f46;transition:.2s;border-radius:999px;border:1px solid #1f2933}
.slider:before{position:absolute;content:'';height:22px;width:22px;left:3px;top:2px;background:#fff;transition:.2s;border-radius:50%}
input:checked + .slider{background:#7c4dff}
input:checked + .slider:before{transform:translateX(26px)}
.tog-label{margin-left:8px;color:#9aa3ab;font-size:.85rem}