:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717;background:#f4f5f7}
*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:5;background:#111;color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}header small{display:block;color:#aaa}
main{max-width:1100px;margin:auto;padding:18px}.hero{margin:12px 0 24px}.hero h1{margin-bottom:4px}.hero p{margin-top:0;color:#666}
.group,.admin{background:#fff;border:1px solid #ddd;border-radius:16px;padding:16px;margin-bottom:18px}.group-head{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.actions,.mode-buttons{display:flex;gap:7px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px;margin-top:12px}
.device{border:1px solid #ddd;border-radius:14px;padding:14px}.device-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.device-title small{color:#777}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}.online{background:#20a34a}.offline{background:#aaa}
button{border:0;border-radius:10px;padding:10px 13px;font-weight:650;cursor:pointer;background:#e9ebef}button:hover{filter:brightness(.96)}button.ghost{background:#333;color:#fff}
label{display:block;margin:12px 0;font-size:.9rem}input,select{width:100%;padding:10px;border:1px solid #ccc;border-radius:9px;margin-top:5px}input[type=range]{padding:0}.meta{color:#777;font-size:.85rem}
.login-card{max-width:390px;margin:10vh auto;background:#fff;padding:24px;border-radius:18px;border:1px solid #ddd}.login-card button,.admin button{width:100%;background:#111;color:#fff}
.error{background:#ffe5e5;padding:10px;border-radius:8px}.ok{background:#e3f7e9;padding:10px;border-radius:8px}.token-box{white-space:pre-wrap;background:#111;color:#fff;padding:14px;border-radius:10px;overflow:auto}
@media(max-width:600px){main{padding:10px}.device-title{display:block}.device-title small{display:block;margin-top:4px}}