:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07110f;--panel:#10201c;--line:#284039;--text:#eef8f3;--muted:#9db1aa;--accent:#29c982;--danger:#ef6a6a}*{box-sizing:border-box}body{background:radial-gradient(circle at top left,#12352b 0,var(--bg) 45%);min-height:100vh;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{background:var(--accent);color:#04110c;cursor:pointer;border:0;border-radius:10px;padding:12px 18px;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{color:var(--text);border:1px solid var(--line);background:0 0}button.danger{color:#faa;background:0 0;border:1px solid #693d3d}.centered{place-items:center;min-height:100vh;padding:24px;display:grid}.card{border:1px solid var(--line);background:#10201cf0;border-radius:18px;padding:28px;box-shadow:0 20px 70px #00000040}.login{gap:18px;width:min(430px,100%);display:grid}.eyebrow,.label{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}.muted,.qr p{color:var(--muted)}label{color:#cfe0d9;gap:8px;font-size:14px;display:grid}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#091713;border-radius:10px;outline:none;padding:13px 14px}input:focus,select:focus{border-color:var(--accent)}.error{color:#ffb1b1;margin:0}.banner{background:#351d1d;border:1px solid #693d3d;border-radius:10px;padding:12px 16px}.shell{width:min(1100px,100% - 32px);margin:0 auto;padding:42px 0}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.grid{grid-template-columns:1.2fr .8fr;gap:22px;display:grid}.status{text-transform:capitalize;font-size:34px}.status.connected{color:var(--accent)}.status.logged_out,.status.disconnected{color:#faa}dl{border-top:1px solid var(--line);gap:0;margin:28px 0;display:grid}dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:24px;padding:14px 0;display:flex}dt{color:var(--muted)}dd{text-align:right;overflow-wrap:anywhere;margin:0}.actions{flex-wrap:wrap;gap:12px;display:flex}.group-picker{border:1px solid var(--line);background:#0a1714;border-radius:12px;gap:14px;margin:0 0 22px;padding:18px;display:grid}.group-picker button{justify-self:start}.qr{text-align:center;align-content:start;justify-items:center;gap:18px;display:grid}.qr svg{background:#fff;border-radius:12px;padding:12px}.placeholder{width:100%;min-height:284px;color:var(--muted);border:1px dashed var(--line);border-radius:12px;place-items:center;padding:30px;display:grid}@media (max-width:760px){.grid{grid-template-columns:1fr}header{align-items:flex-start}.shell{padding-top:24px}}