:root{--bg:#0b1120;--panel:#121a2b;--card:#1a2436;--line:#2a3852;--fg:#e6edf7;--muted:#93a3bd;--accent:#6366f1;--accent2:#38bdf8;--ok:#22c55e;--off:#ef4444;--mid:#f59e0b;--sidebar:#0e1626;--radius:14px}:root[data-theme=light]{--bg:#f4f6fb;--panel:#ffffff;--card:#ffffff;--line:#e4e9f2;--fg:#1e293b;--muted:#64748b;--sidebar:#ffffff}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);font-size:14px}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0}.muted{color:var(--muted);font-size:12px}.grow{flex:1}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:0 1px 3px #00000026}.row{display:flex;align-items:center;gap:12px}button{font:inherit;font-weight:600;border:0;border-radius:10px;padding:8px 14px;cursor:pointer}button:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--fg);padding:7px 12px}.btn-primary{background:var(--accent);color:#fff}.btn-on{background:var(--ok);color:#06240f}.btn-off{background:var(--off);color:#2a0606}input,select{font:inherit;background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:9px;padding:8px 11px}.tag{padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;background:#94a3b829;color:var(--muted)}.tag.on{background:#22c55e29;color:var(--ok)}.tag.off{background:#ef444429;color:var(--off)}.tag.mid{background:#f59e0b29;color:var(--mid)}.dot{width:11px;height:11px;border-radius:50%;flex:none;background:var(--muted)}.dot.on{background:var(--ok);box-shadow:0 0 10px var(--ok)}.dot.off{background:var(--off)}.dot.mid{background:var(--mid);box-shadow:0 0 10px var(--mid)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:600}.page-title{font-size:18px;font-weight:700;margin-bottom:2px}.page-sub{color:var(--muted);font-size:13px;margin-bottom:16px}.main .content:has(app-architecture){max-width:none}.grid{display:grid;gap:14px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);padding:10px 16px;border-radius:12px;font-size:14px;box-shadow:0 6px 20px #0000004d;opacity:0;transition:opacity .2s;z-index:100}.toast.show{opacity:1}.switch{position:relative;width:42px;height:23px;border-radius:999px;background:var(--line);cursor:pointer;transition:background .22s ease;display:inline-block;vertical-align:middle;flex:none}.switch.on{background:var(--ok)}.switch .knob{position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;transition:left .22s cubic-bezier(.4,1.3,.6,1);box-shadow:0 1px 3px #00000059}.switch.on .knob{left:21px}