*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#17263b;font:16px/1.5 Inter,Arial,sans-serif}.top{height:72px;background:#15345b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 980px)/2),22px)}.brand{display:flex;gap:11px;align-items:center;letter-spacing:.08em}.brand-mark{width:36px;height:36px;border:2px solid #8fc3f4;border-radius:10px;display:grid;place-items:center;font-size:22px;font-weight:800}.brand small{display:block;font-size:9px;opacity:.72;letter-spacing:.16em}.admin-link{color:#dcecff;text-decoration:none;font-size:13px}.wrap{max-width:760px;margin:38px auto;padding:0 18px}.panel,.device-card{background:#fff;border:1px solid #e4eaf1;border-radius:18px;padding:30px;box-shadow:0 12px 32px #17365b0b}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#2876b9}h1{font-size:28px;line-height:1.2;margin:9px 0 12px}h2{font-size:20px}.muted,.hint{color:#64748b}.reader{max-width:420px;margin:22px auto}.btn{border:0;border-radius:10px;padding:14px 18px;font-weight:700;font-size:15px;cursor:pointer}.primary{background:#1769aa;color:#fff}.secondary{background:#eaf2fa;color:#17436b}.full{width:100%;margin-top:18px}.small{padding:9px 13px;font-size:13px}.or{text-align:center;color:#94a3b8;font-size:12px;margin:14px}.inline{display:flex;gap:9px}.inline input{flex:1}.inline .btn{white-space:nowrap}.hint{font-size:12px;text-align:center;margin-top:18px}input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:12px;font:inherit;background:#fff;color:#17263b}label{display:block;font-size:14px;font-weight:650;margin:15px 0}label input,label textarea{display:block;margin-top:7px;font-weight:400}.hidden{display:none!important}.device-card{background:linear-gradient(120deg,#fff,#f0f7ff)}.device-meta{color:#52647b;font-size:14px;line-height:1.9}.link-btn{border:0;background:none;color:#1769aa;padding:8px 0;cursor:pointer;font:inherit}.section-title{margin:28px 2px 14px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action{background:#fff;border:1px solid #e1e9f2;border-radius:14px;padding:20px;text-align:left;display:flex;flex-direction:column;gap:6px;cursor:pointer;color:#183654;min-height:135px}.action:hover{border-color:#78aede;box-shadow:0 5px 20px #17365b10}.action-icon{font-size:24px;color:#1769aa}.action small{color:#64748b}.wide{grid-column:1/-1;min-height:110px}.separator{border-top:1px solid #e5eaf0;margin:23px 0}.notice{padding:13px;border-radius:9px;margin-top:15px;font-size:14px}.notice.ok{background:#e5f7ed;color:#166534}.notice.err{background:#fff0f0;color:#991b1b}.meter-row,.supply-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.meter-row label,.supply-row label{margin:7px 0}.supply-row{grid-template-columns:1fr 100px 40px;margin-bottom:7px}.remove{height:43px;border:0;background:#fff0f0;color:#a33;border-radius:8px;cursor:pointer}footer{text-align:center;color:#94a3b8;font-size:12px;padding:35px 10px}@media(max-width:560px){.wrap{margin:20px auto}.panel,.device-card{padding:21px}.inline{flex-direction:column}.action-grid{grid-template-columns:1fr}.wide{grid-column:auto}.top{padding:0 17px}h1{font-size:24px}.supply-row{grid-template-columns:1fr 75px 36px}}