:root{color-scheme:dark;--bg:#0b0d14;--panel:#141821;--line:#262c38;--muted:#9199a8;--text:#f4f6f8;--accent:#32c7b5;--danger:#ef5b58}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 15%,#10302f55,transparent 30%),var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;background:#0d1018ee}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:20px;font-weight:750}.brand small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-top:3px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent);color:#042a26}.brand+nav{margin-top:44px}nav{display:grid;gap:8px}button{border:0;border-radius:10px;background:var(--accent);color:#052a26;font:inherit;font-weight:700;padding:11px 16px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}nav button{background:transparent;color:var(--muted);text-align:left}nav button.active,nav button:hover{background:#19222a;color:var(--text)}.secondary{background:#1a1f29;color:var(--text);border:1px solid var(--line)}.danger{background:#3b1d21;color:#ffaaa8}.aside-foot{margin-top:auto;color:var(--muted);font-size:12px;display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:var(--danger)}main{padding:42px clamp(28px,5vw,72px);max-width:1500px;width:100%}header,.panel-head,.card-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}h1{font-size:32px;margin:4px 0 30px}h2{margin:5px 0 12px;font-size:18px}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--muted);font-weight:800;margin:0}.view{display:none}.view.active{display:block}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metrics article,.panel,.device-card{background:linear-gradient(145deg,#171b25,#12161e);border:1px solid var(--line);border-radius:16px;padding:22px}.metrics span,.metrics small,.panel p,.hint{color:var(--muted)}.metrics strong{display:block;font-size:34px;margin:16px 0 6px}.grid-two{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.call-layout{grid-template-columns:minmax(280px,.7fr) minmax(420px,1.3fr)}.pill{border:1px solid #2d6c64;background:#153b37;color:#79e3d5;padding:6px 10px;border-radius:99px;font-size:11px}.capabilities{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.capabilities span{padding:10px 12px;background:#0f131b;border:1px solid var(--line);border-radius:10px;color:var(--muted)}.list,.cards{display:grid;margin-top:18px}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.device-card small,.list-item small{color:var(--muted);display:block;margin-top:4px}.list-item{display:grid;grid-template-columns:1.3fr .7fr auto;gap:12px;padding:16px 4px;border-top:1px solid var(--line);align-items:center}.list-item:first-child{border-top:0}.status{justify-self:start;border-radius:99px;padding:5px 9px;background:#222833;color:var(--muted);font-size:11px}.status.connected,.status.active,.status.completed{background:#153b37;color:#79e3d5}.status.failed,.status.cancelled,.status.rejected{background:#3b1d21;color:#ff8b89}.empty{color:var(--muted);padding:26px 0}.notice{padding:14px 16px;border-radius:12px;border:1px solid #6d5325;background:#2d2516;color:#ffd98d;margin-bottom:18px}.hidden{display:none!important}.settings{max-width:620px}.settings label,dialog label,.form-stack label{display:grid;gap:8px;margin-top:18px;color:var(--muted)}input,select{width:100%;background:#0f131b;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px}.settings button,.form-stack button{margin-top:16px}.form-stack{display:grid}.hint{font-size:12px;line-height:1.6}.pair-result{margin-top:18px;padding:16px;border:1px solid #2d6c64;background:#102725;border-radius:12px;text-align:center}.pair-code{font:800 28px ui-monospace,monospace;letter-spacing:.18em;margin:8px 0}.raw-qr{word-break:break-all;font:11px ui-monospace,monospace;max-height:100px;overflow:auto}dialog{border:1px solid var(--line);border-radius:16px;background:#151922;color:var(--text);padding:24px;width:min(480px,92vw)}dialog::backdrop{background:#000a}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{position:static;height:auto}aside nav{display:flex;overflow:auto;margin-top:22px}.aside-foot{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.grid-two,.call-layout{grid-template-columns:1fr}}@media(max-width:560px){main{padding:24px 16px}.metrics{grid-template-columns:1fr}.list-item{grid-template-columns:1fr}.shell aside{padding:18px}.cards{grid-template-columns:1fr}header{align-items:flex-start}}
:root .pair-qr{display:block;width:min(280px,100%);margin:14px auto;background:#fff;border-radius:10px;padding:8px}