:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08090a;--panel:#111315;--panel-2:#171a1d;--line:#282d33;--text:#f5f7fa;--muted:#9aa3ad;--good:#32d583;--bad:#f97066;--accent:#f0447a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{min-height:100vh;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.top-actions{align-items:center;gap:10px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:700}h1,h2,h3,h4,p{margin:0}h1{font-size:32px}.refresh,.stream,button{border:1px solid var(--line);color:#090a0b;cursor:pointer;font:inherit;background:#f6f7f8;border-radius:7px;font-weight:700;text-decoration:none}.refresh{padding:10px 14px}.ghost{color:var(--text);background:0 0}.hub-list{gap:16px;display:grid}.hub,.empty{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:18px}.hub-head,.device-main,.section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.hub-head p,.device p,.muted{color:var(--muted);font-size:13px}.pill{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.online{color:var(--good);background:#32d5831f}.offline{color:var(--bad);background:#f970661f}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.metrics div{border:1px solid var(--line);background:var(--panel-2);border-radius:7px;padding:12px}dt{color:var(--muted);margin-bottom:5px;font-size:12px}dd{margin:0;font-weight:800}.devices{gap:10px;display:grid}.section-title{border-top:1px solid var(--line);padding-top:16px}.section-title span{color:var(--muted)}.device{border:1px solid var(--line);background:#0d0f11;border-radius:8px;gap:12px;padding:14px;display:grid}.controls{gap:9px;display:grid}.control-row{flex-wrap:wrap;gap:8px;display:flex}button{min-height:36px;padding:8px 12px}.text-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}input{border:1px solid var(--line);min-width:0;min-height:38px;color:var(--text);font:inherit;background:#090a0b;border-radius:7px;padding:8px 10px}.result{color:var(--muted);font-size:12px}.result.ok{color:var(--good)}.result.bad{color:var(--bad)}.stream{justify-self:start;padding:9px 12px}.login-screen{place-items:center;min-height:100vh;display:grid}.login-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:16px;width:min(420px,100vw - 36px);padding:24px;display:grid}.login-card label{color:var(--muted);text-transform:uppercase;gap:8px;font-size:13px;font-weight:800;display:grid}@media (max-width:780px){main{padding:18px}.topbar,.hub-head,.device-main{flex-direction:column;align-items:flex-start}.top-actions{width:100%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}