:root{color-scheme:dark;--bg: #0b1220;--surface: #131c2e;--surface-2: #1b2740;--border: #26334d;--text: #e8edf7;--muted: #93a1bd;--accent: #4d8dff;--accent-ink: #ffffff;--danger: #ff6b6b;--ok: #3ddc97;--warn: #ffc857;--radius: 10px;--gap: 16px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:.95rem}p{margin:0}code{font-family:var(--mono);font-size:.9em}.page{max-width:1100px;margin:0 auto;padding:28px 20px 64px;display:flex;flex-direction:column;gap:24px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--gap);flex-wrap:wrap}.subtitle{color:var(--muted);font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:var(--gap)}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap);flex-wrap:wrap}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row-end{justify-content:flex-end}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stack{display:flex;flex-direction:column;gap:var(--gap)}.spacer{flex:1}.field{display:flex;flex-direction:column;gap:6px}label{font-size:.82rem;color:var(--muted);font-weight:500}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 11px;width:100%;transition:border-color .12s ease}textarea{font-family:var(--mono);font-size:.85rem;resize:vertical;min-height:120px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input[type=color]{padding:2px;height:38px;cursor:pointer}input[type=checkbox]{width:auto;accent-color:var(--accent)}.check{flex-direction:row;align-items:center;gap:8px}.check label{color:var(--text);font-size:.9rem}.hint{font-size:.78rem;color:var(--muted)}button{font:inherit;font-weight:500;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:9px 15px;cursor:pointer;transition:filter .12s ease,border-color .12s ease}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}button.ghost{background:transparent}button.small{padding:5px 10px;font-size:.82rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;padding:0 12px 8px;white-space:nowrap}td{padding:11px 12px;border-top:1px solid var(--border);vertical-align:middle}tr.inactive td{opacity:.55}.badge{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);white-space:nowrap}.badge.super{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,var(--border))}.badge.on{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--border))}.badge.off{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.alert{border-radius:8px;padding:11px 14px;font-size:.88rem;border:1px solid var(--border);background:var(--surface-2)}.alert.error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent)}.alert.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:color-mix(in srgb,var(--ok) 12%,transparent)}.alert.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 12%,transparent)}.empty{color:var(--muted);font-size:.9rem;padding:8px 0}.mono{font-family:var(--mono);font-size:.85rem}