*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--panel:#1e293b;--panel2:#334155;--text:#e2e8f0;--muted:#94a3b8;--accent:#22c55e;--accent2:#3b82f6;--danger:#ef4444;--border:#334155}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent2);text-decoration:none}button{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;background:var(--accent2);color:#fff}button.ghost{background:var(--panel2)}button.success{background:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}input,select{width:100%;padding:10px 12px;border-radius:8px;color:var(--text);font-size:14px}.card,input,select{border:1px solid var(--border);background:var(--panel)}.card{border-radius:12px;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--border)}.topbar nav a{margin-left:20px;color:var(--muted);font-weight:600}.topbar nav a:hover{color:var(--text)}.muted{color:var(--muted)}.badge{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:700}.badge.on{background:rgba(34,197,94,.15);color:var(--accent)}.badge.off{background:rgba(148,163,184,.15);color:var(--muted)}