:root{font-family:Segoe UI,system-ui,sans-serif;color:#e5ecf5;background:#0d1523;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;border-bottom:1px solid #26354a;background:#111c2d}a{color:#8cddcf}.brand{display:flex;align-items:center;gap:10px;color:#eef4fb;text-decoration:none;font-size:22px}.brand img{width:38px}.brand strong{color:#76dcca}main{max-width:1220px;margin:0 auto;padding:48px 28px}h1{font-size:42px;line-height:1.14;letter-spacing:-1px;margin:16px 0}h2{font-size:23px}p,small{color:#a6b6cb;line-height:1.65}.eyebrow{font-size:12px;letter-spacing:2px;color:#76dcca;font-weight:700}#auth{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center;min-height:65vh}.intro p{max-width:500px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.tags span{padding:8px 12px;border:1px solid #2e435d;border-radius:20px;font-size:12px}form,.stats article,.device{background:#152237;border:1px solid #2a3a52;border-radius:16px;padding:26px}label{display:block;font-size:14px;margin:18px 0}input,select{width:100%;padding:13px;margin-top:8px;border:1px solid #3b4e69;border-radius:8px;background:#0e1a2b;color:#e5ecf5;font:inherit}button,.button{display:inline-block;border:0;border-radius:8px;padding:13px 18px;background:#76dcca;color:#102c2d;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:wait}.secondary{background:#22364e;color:#dce8f6}form button{width:100%;margin-top:15px}.page-heading,.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.stats article{padding:20px}.stats strong{display:block;font-size:36px;margin-top:10px}.toolbar{display:flex;gap:14px;margin-bottom:24px}.toolbar select{max-width:180px}.devices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.device h2{margin:10px 0 0}.device p{margin-top:4px;font-size:13px}.badge{font-size:12px;border-radius:16px;padding:5px 10px;background:#243d3a;color:#87dfbb}.badge.off{color:#e9b298;background:#483134}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0}.metrics small{font-size:11px}.metrics strong{font-size:25px;display:block}.device button{width:100%;margin-top:10px}.empty{padding:40px;background:#152237;border:1px dashed #405471;border-radius:12px;grid-column:1/-1}.service{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #2a3a52}.error{color:#ffb0a4}dialog{width:min(660px,94vw);background:#152237;color:#e5ecf5;border:1px solid #405471;border-radius:18px;padding:28px}dialog::backdrop{background:#000a}#qr{display:block;width:220px;height:220px;padding:14px;background:white;border-radius:12px;margin:20px auto}canvas{width:100%;background:#0d1523;border-radius:12px}.legend{font-size:12px}footer{text-align:center;padding:30px;font-size:12px;color:#899db8}[hidden]{display:none!important}#account{font-size:13px;display:flex;align-items:center;gap:12px}#account button{padding:8px 12px}#connect{max-width:650px;margin:0 auto}#connect input{margin-bottom:20px}@media(max-width:850px){#auth{grid-template-columns:1fr;gap:26px}.devices{grid-template-columns:repeat(2,1fr)}h1{font-size:34px}}@media(max-width:560px){main{padding:30px 18px}.devices{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.stats{gap:8px}.stats article{padding:14px}.stats strong{font-size:28px}.toolbar{flex-direction:column}.toolbar select{max-width:none}header{padding:16px}#account{max-width:50%;flex-wrap:wrap;font-size:11px}.brand{font-size:18px}}