:root{font:15px/1.6 'Microsoft YaHei',system-ui,sans-serif;color:#d9e8f4;background:#091727;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:0 auto;padding:28px 20px 48px}header,section{border:1px solid #29445c;border-radius:14px;background:#102339;padding:22px;margin-bottom:18px}header p{margin:4px 0;color:#abc1d2}.eyebrow{color:#54d7d0;font-size:13px;letter-spacing:.08em}h1,h2,h3,h4{margin:0 0 10px}h1{font-size:26px}h2{font-size:19px}h3{font-size:17px}h4{font-size:15px}label{display:grid;gap:5px;color:#c1d6e4}form{display:grid;gap:12px;max-width:520px}.create{grid-template-columns:1fr 1fr 1fr auto;max-width:none;align-items:end}input{width:100%;min-width:0;border:1px solid #36566f;border-radius:8px;padding:10px;background:#091b2e;color:#f3f9fd}button{border:1px solid #38bcb6;border-radius:8px;padding:9px 14px;background:#087e7a;color:white;cursor:pointer;white-space:nowrap}button.secondary{background:#17344c;border-color:#426078}button:disabled{opacity:.5}.title,.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.title{justify-content:space-between}.row input{max-width:260px}.user{background:#0b1c30;border:1px solid #28455e;border-radius:10px;padding:16px;margin:14px 0}.badge{color:#86e0bf}.off{color:#ffc091}.devices{list-style:none;padding:0}.devices li{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #29445c;padding:8px 0}.hint,footer{color:#a7bdcf;font-size:13px}#notice{min-height:24px}.error{color:#ffb4a6}.success{color:#86e0bf}@media(max-width:700px){.create{grid-template-columns:1fr}.devices li{align-items:flex-start;flex-direction:column}.row input{max-width:none}main{padding:16px 12px}}