:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8edf5;background:#0b1018;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:54px 28px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:42px}.header-actions{display:flex;align-items:center;gap:12px}h1{font-size:38px;margin:8px 0}.eyebrow{color:#6c8cff;font-size:12px;font-weight:700;letter-spacing:2px}header p,.muted,small{color:#8490a3}.status{background:#123c35;color:#65e6bc;padding:9px 14px;border-radius:20px;font-weight:600}.status.down{background:#43252b;color:#ff9da6}.unit-toggle{background:#6c8cff;color:#fff;font-weight:700;min-width:44px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}.stats article,.panel{background:#121a26;border:1px solid #202c3c;border-radius:14px;padding:22px}.stats strong{display:block;font-size:34px;margin:12px 0 4px}.stats i,.metrics i{font-size:16px;font-style:normal;color:#8490a3}.stats span{color:#8490a3}.grid{display:grid;grid-template-columns:1fr 1.55fr;gap:16px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}h2{font-size:17px;margin:0}button{background:#202d43;color:#b9c7ff;border:0;border-radius:7px;padding:8px 12px;cursor:pointer}.device{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:none;color:inherit;border-top:1px solid #202c3c;border-radius:0;padding:16px 4px}.device.active{background:#18243a}.device small,.reading small{display:block;margin-top:5px}.dot{width:10px;height:10px;background:#53ddae;border-radius:50%;box-shadow:0 0 8px #53ddae}.arrow{margin-left:auto;font-size:24px;color:#68768b}.empty{text-align:center;padding:50px 20px;color:#8490a3}.reading{border-top:1px solid #202c3c;padding:14px 0;position:relative}.metrics{display:flex;gap:17px;margin-top:12px;color:#8490a3}.metrics b{color:#e8edf5}.signal{position:absolute;right:0;top:16px}@media (max-width:760px){main{padding:20px 14px}header{margin-bottom:20px}header h1{font-size:30px;margin:5px 0}header p{margin:8px 0}.header-actions{margin-top:14px}.stats{display:flex;gap:10px;overflow-x:auto;margin:0 -14px 16px;padding:0 14px 4px;scroll-snap-type:x mandatory}.stats article{flex:0 0 145px;padding:15px;scroll-snap-align:start}.stats strong{font-size:27px;margin:8px 0 3px}.stats article span{font-size:12px}.stats i{font-size:14px}.grid{grid-template-columns:1fr;gap:12px}.panel{padding:16px}.panel-title{margin-bottom:10px}.device{padding:13px 4px}.reading{padding:12px 0}.metrics{gap:10px;flex-wrap:wrap;margin-top:9px}.status{display:inline-block}}