:root{--bg: #0f1419;--panel: #1a222c;--line: #2a3542;--text: #e8eef5;--muted: #8b9aab;--accent: #3d9cfd;--ok: #2fbf71;--warn: #e6a23c;--danger: #e85d5d;--radius: 12px;font-family:IBM Plex Sans,Segoe UI,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 10% -10%,#1b2a3d,transparent),radial-gradient(900px 500px at 100% 0%,#1a2830,transparent),var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.btn{border:0;border-radius:10px;padding:.55rem .95rem;background:var(--accent);color:#061018;font-weight:600;cursor:pointer}.btn.secondary{background:#2b3745;color:var(--text)}.btn.danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select,.textarea{width:100%;background:#121920;border:1px solid var(--line);border-radius:10px;padding:.6rem .75rem}.card{background:color-mix(in srgb,var(--panel) 92%,white 2%);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}.grid{display:grid;gap:1rem}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th,.table td{border-bottom:1px solid var(--line);padding:.65rem .4rem;text-align:left;vertical-align:top}.table th{color:var(--muted);font-weight:600}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;background:#2b3745}.badge.on{background:#2fbf712e;color:var(--ok)}.badge.off{background:#e85d5d2e;color:var(--danger)}.muted{color:var(--muted)}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);padding:1.25rem 1rem;background:#0c1016bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.side .brand{font-size:1.15rem;font-weight:700;letter-spacing:.02em;margin-bottom:1.5rem}.side nav a{display:block;padding:.55rem .7rem;border-radius:8px;color:var(--muted);margin-bottom:.25rem}.side nav a.router-link-active,.side nav a:hover{background:#243041;color:var(--text)}.main{padding:1.25rem 1.5rem 2rem}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1rem;gap:1rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(400px,100%)}.form-row{margin-bottom:.85rem}.form-row label{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.9rem}.row-actions{display:flex;gap:.5rem;flex-wrap:wrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:860px){.layout{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line)}}