*{box-sizing:border-box}body{margin:0;background:#0c1525;color:#edf4ff;font:15px system-ui,Segoe UI,Arial}header{background:#14243b;padding:20px max(24px,calc((100vw - 1150px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:21px;font-weight:850;letter-spacing:.06em}.brand span{font-weight:400;color:#64b7fa}small,.intro p,footer{color:#93a8c2}main{max-width:1150px;margin:auto;padding:30px 24px}.intro h1{font-size:30px;margin-bottom:4px}.auth{background:#18283f;padding:18px;border-radius:12px;display:flex;align-items:end;gap:12px;flex-wrap:wrap}.auth label{display:grid;gap:8px;flex:1;min-width:220px}input{background:#0f1c2e;color:white;border:1px solid #415673;border-radius:8px;padding:12px;min-width:0}button{background:#2484dc;border:0;border-radius:8px;color:white;padding:12px 16px;cursor:pointer}button:hover{background:#449fe9}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.stats article{background:#18283f;padding:24px;border-radius:12px;display:grid;gap:8px}.stats strong{font-size:34px}.stats span{color:#9eb1ca}.list{background:#18283f;border-radius:12px;padding:20px}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center}.toolbar input{width:330px;max-width:100%}.device{border-top:1px solid #354760;padding:16px 0;display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;align-items:center}.device h3{margin:0 0 5px}.muted{color:#9eb1ca;font-size:13px}.state{color:#ffbf76}.state.on{color:#65dbad}.device button{margin-left:6px}.meta{font-size:13px;color:#c7d6e8;line-height:1.7}footer{margin-top:24px;font-size:12px}@media(max-width:700px){.stats{grid-template-columns:1fr}.device{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}header{flex-direction:column;align-items:start}}