:root{--bg: #0b0d12;--surface: #151923;--surface-2: #1d2330;--border: rgba(255, 255, 255, .08);--text: #eef1f7;--muted: #9aa3b5;--accent: #7c5cff;--accent-2: #22d3ee;--danger: #ff6b6b;--ok: #34d399;--radius: 16px;color-scheme:dark}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,*:before,*:after{box-sizing:border-box}h1,h2,h3{margin:0}button,input,select,textarea{font:inherit}input,select,textarea{padding:.6rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.page{min-height:100vh}.container{max-width:1180px;margin:0 auto;padding:2rem 1.25rem 3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.muted{color:var(--muted)}.error{color:var(--danger)}.ok{color:var(--ok)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.88rem;font-weight:600;text-decoration:none;cursor:pointer;transition:filter .15s ease}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--accent),#5b8cff);color:#fff}.btn.danger{color:var(--danger)}.btn.small{padding:.35rem .7rem;font-size:.8rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field span{font-size:.82rem;color:var(--muted)}.field input,.field select,.field textarea{padding:.6rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.field textarea{min-height:70px;resize:vertical}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;background:#7c5cff26;color:#c9b8ff}.badge.off{background:#ff6b6b26;color:#ffb4b4}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse;font-size:.9rem}table.table th,table.table td{padding:.65rem .6rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}table.table th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}table.table tr.selected td{background:#7c5cff14}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.grow{flex:1}@media (max-width: 480px){.container{padding:1.25rem 1rem 2rem}}