:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#18332f;background:#f4f6f8;line-height:1.6;--green:#16755c}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:32px 20px 40px}header,.row{display:flex;align-items:center;justify-content:space-between;gap:12px}header{margin:8px 0 24px}.eyebrow{font-size:12px;letter-spacing:2px;color:#62776f}h1{font-size:32px;margin:4px 0}h2{font-size:19px;margin:0 0 12px}p{color:#62716d;font-size:14px;margin:8px 0 18px}.card{padding:24px;background:white;border:1px solid #e2e8e5;border-radius:20px;margin:18px 0;box-shadow:0 5px 22px #173b2905}.hero{border-top:4px solid var(--green)}.large{font-size:38px;display:block;letter-spacing:-1px;margin:12px 0}.badge,.tag{border-radius:30px;font-size:12px;white-space:nowrap;padding:5px 10px;background:#edf2f0;color:#64756e}.badge.active{color:#116146;background:#e0f4e9}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#f6f8f7;padding:18px;border-radius:14px;margin:20px 0}.metrics span{font-size:12px;display:block;color:#6f7f77}.metrics b{font-size:20px;display:block;margin-top:5px}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}button,input,select{font:inherit;font-size:15px;border-radius:11px;min-height:46px}button{cursor:pointer;border:0;padding:11px 18px;font-weight:600}.primary{background:var(--green);color:white}.secondary{background:#eaf2ee;color:#205c47}.quiet{background:#f2f4f3;color:#556961}button:disabled{opacity:.4;cursor:default}.buttons button{flex:1}.full{width:100%;margin-top:18px}label{display:block;font-size:13px;color:#52665d}input,select{width:100%;padding:9px 12px;border:1px solid #cedbd4;background:#fff;color:#193a2c;margin:5px 0 12px}input:focus,select:focus,button:focus-visible{outline:3px solid #77b99d;outline-offset:2px}form .primary{width:100%;margin-top:5px}.hint{font-size:12px;margin-top:12px}.small{max-width:350px}fieldset{padding:0;border:0;margin:8px 0}legend{font-size:13px;color:#52665d;margin-bottom:8px}.days{display:flex;gap:5px;flex-wrap:wrap}.days label{display:flex;align-items:center;gap:4px;background:#f3f6f4;padding:8px;border-radius:8px}.days input{width:16px;height:16px;min-height:0;margin:0}.scheduleForm .row>label{flex:1}.scheduleItem,.commandItem{border-bottom:1px solid #edf1ee;padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.scheduleItem b{font-size:18px}.scheduleItem small,.commandItem small{display:block;color:#7b8981;font-size:12px}.scheduleItem button{font-size:12px;min-height:36px;padding:6px 12px}.logItem{font-size:13px;padding:12px 0;border-bottom:1px solid #eaf0ed;overflow-wrap:anywhere}.logItem small{display:block;color:#7b8981}.logList{max-height:450px;overflow:auto}.error{color:#9a3434!important}footer{font-size:12px;color:#8a9690;text-align:center;margin:32px 0}#message{padding:10px 0;margin:0;min-height:40px}[hidden]{display:none!important}@media(max-width:430px){main{padding:18px 14px}.card{padding:20px 16px}.metrics{padding:14px 10px;gap:5px}.metrics b{font-size:18px}.large{font-size:32px}.days label{padding:7px 5px}}
.deviceCard{padding:18px 0;border-bottom:1px solid #e2e8e5}.deviceAddress{display:block;overflow-wrap:anywhere;color:#7b8981;margin:8px 0;font-size:12px}.deviceMetric{font-size:13px;margin:10px 0}details{margin-top:12px}summary{cursor:pointer;font-size:13px;color:#16755c}details form{padding:16px 0}#networkDown,#networkUp{font-size:16px}