:root{font:14px/1.55 system-ui,"Microsoft YaHei",sans-serif;color:#1f302b;background:#eff5f2;--green:#087f68;--border:#d7e5df}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:28px 18px}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 8px 30px #184b3b0d}.login{max-width:420px;margin:10vh auto}.login h1{margin-top:0}header,.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{margin:0;color:#075f50}h2{margin:0 0 16px;font-size:17px}header{margin-bottom:20px}header p{margin:4px 0;color:#667b73}label{display:block;font-weight:650}input{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #cddbd5;border-radius:7px;font:inherit}button{border:0;border-radius:7px;background:var(--green);color:#fff;padding:10px 16px;font:inherit;font-weight:650;cursor:pointer}.secondary{background:#e7f1ed;color:#315d50}.danger{background:#fff0ed;color:#a13f2f}.grid{display:grid;grid-template-columns:2fr 2fr 1fr 1.4fr auto;gap:12px;align-items:end}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #e7eeeb;padding:12px 8px}th{color:#60756d;font-size:12px}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button{padding:6px 9px;font-size:12px}.tag{display:inline-block;padding:3px 8px;border-radius:99px;background:#e8f6ef;color:#08715e}.tag.off{background:#fff0ed;color:#9f442a}.error{color:#a33425;margin-top:12px}.ok{background:#e6f5ee;color:#16654f;padding:10px;border-radius:7px;margin-bottom:14px}dialog{border:0;border-radius:14px;box-shadow:0 20px 80px #0003;width:min(720px,90vw)}dialog::backdrop{background:#17332b66}.device{padding:12px 0;border-bottom:1px solid #e6eeea;display:flex;align-items:center;justify-content:space-between;gap:10px}.device small{display:block;color:#6c7d77;overflow-wrap:anywhere}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.grid button{grid-column:1/-1}}