:root{--night:#123638;--paper:#f4f7f5;--sheet:#fbfcfa;--soft:#e9f2ef;--ink:#1a2927;--muted:#667571;--line:#d8e1dc;--strong:#bfd0c8;--mint:#078b83;--mintsoft:#d8efea;--warn:#a35d17;--warnsoft:#f6eadb;--danger:#a44242}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}.shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.rail{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:28px 20px 22px;background:var(--night);color:#fff}.brand{display:flex;width:max-content;padding:6px;background:#fff}.brand img{display:block;width:155px;height:auto}.rail>p,.eyebrow,header small,.status span,.field,.integration label,.modal label{font-family:Consolas,"Cascadia Mono",monospace;letter-spacing:0}.rail>p{margin:34px 7px 13px;color:#aac1bf;font-size:10px;font-weight:700}nav{display:grid;gap:4px}nav a{display:flex;align-items:center;gap:13px;min-height:42px;padding:0 8px;border-left:2px solid transparent;color:#d6e3de;text-decoration:none;font-size:13px}nav a:hover,nav a.active{border-color:#63d2c5;background:#ffffff14;color:#fff}nav i{color:#799794;font:10px Consolas,monospace}.rail-state{margin-top:auto;padding:16px 8px 0;border-top:1px solid #ffffff29}.rail-state b,.rail-state small{display:block}.rail-state b{font-size:12px}.rail-state small{margin-top:4px;color:#aac1bf;font-size:11px}.rail-state span{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#e4a14a}main{min-width:0}header{display:flex;align-items:center;justify-content:space-between;min-height:88px;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid var(--line);background:#fbfcfabd}header small,header b{display:block}header small{color:var(--muted);font-size:10px;font-weight:700}header b{margin-top:5px;font-size:14px}.operator{display:flex;align-items:center;gap:10px}.operator em{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--mintsoft);color:#116660;font:700 13px Georgia,serif}.operator small{margin-top:2px;font-family:inherit;font-weight:400}.title,.status,.block,.twocol{margin-inline:clamp(24px,5vw,76px)}.title{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:62px 0 30px}.eyebrow{margin:0 0 10px;color:var(--mint);font-size:10px;font-weight:700}h1,h2,p{margin-top:0}h1,h2{font-family:Georgia,"Noto Serif SC",serif;letter-spacing:0}h1{margin-bottom:10px;font-size:42px;line-height:1}h2{margin-bottom:0;font-size:23px}.title p:last-child,.integration>p{margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.7}.button{min-height:38px;padding:8px 14px;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:700;cursor:pointer}.primary{background:var(--mint);color:#fff}.primary:hover{background:#056f69}.secondary{border-color:var(--strong);background:var(--sheet);color:var(--ink)}.secondary:hover{border-color:var(--mint);color:var(--mint)}.status{display:grid;grid-template-columns:144px 144px 170px minmax(220px,1fr);border-block:1px solid var(--strong);background:var(--soft)}.status>div{display:grid;align-content:center;min-height:102px;padding:18px 21px;border-right:1px solid var(--line)}.status strong{font:700 29px Georgia,serif}.status span{margin-top:9px;color:var(--muted);font-size:10px;font-weight:700}.status .waiting strong{color:var(--warn);font-size:20px}.status>p{align-self:center;margin:0;padding:18px 24px;color:#786249;font-size:12px;line-height:1.5}.status p b{display:block;margin-bottom:6px;color:var(--warn)}.block{padding-top:50px}.block-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.search{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.search input,input,select{min-height:38px;padding:7px 10px;border:1px solid var(--strong);border-radius:2px;background:var(--sheet);color:var(--ink);outline:0}.search input{width:218px}.search input:focus,input:focus,select:focus{border-color:var(--mint);box-shadow:0 0 0 3px #078b8320}.table-wrap{overflow-x:auto;border-top:1px solid var(--ink);border-bottom:1px solid var(--strong);background:var(--sheet)}table{width:100%;min-width:690px;border-collapse:collapse}th,td{height:58px;padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{height:40px;background:var(--soft);color:var(--muted);font:700 10px Consolas,monospace}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f0f7f4}.account b,.account small{display:block}.account small{margin-top:2px;color:var(--muted);font-size:11px}.tag{display:inline-flex;min-height:23px;align-items:center;padding:3px 8px;border-radius:2px;background:#e7efec;color:#39534d;font-size:11px}.enabled{background:var(--mintsoft);color:#166a5a}.disabled{background:#f7e4e4;color:var(--danger)}.actions{display:flex;justify-content:flex-end;gap:5px}.text-button,.small-button{border:0;background:transparent;color:var(--mint);font-size:12px;font-weight:700;cursor:pointer}.small-button.danger{color:var(--danger)}.text-button:hover,.small-button:hover{text-decoration:underline}.empty{margin:0;padding:28px;color:var(--muted);font-size:13px}.twocol{display:grid;grid-template-columns:1.18fr .82fr;gap:44px;padding-top:50px}.twocol .block{margin:0;padding:0}.device-list{margin:0;padding:0;border-top:1px solid var(--strong);list-style:none}.device{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;min-height:67px;padding:12px 0;border-bottom:1px solid var(--line)}.device b,.device small{display:block}.device small{margin-top:4px;color:var(--muted);font:11px Consolas,monospace}.device>span{color:var(--muted);font-size:12px}.policy{padding:24px;border-top:3px solid var(--mint);background:var(--soft)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0;border-bottom:1px solid #cbdcd5;cursor:pointer}.toggle b,.toggle small{display:block}.toggle b{font-size:13px}.toggle small{margin-top:4px;color:var(--muted);font-size:11px}.toggle input{position:absolute;opacity:0}.toggle i{position:relative;display:block;flex:0 0 38px;width:38px;height:22px;border-radius:12px;background:#9fafaa}.toggle i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .18s}.toggle input:checked+i{background:var(--mint)}.toggle input:checked+i:after{transform:translateX(16px)}.field{display:grid;gap:7px;padding:18px 0 23px;color:var(--muted);font-size:10px;font-weight:700}.policy .button{width:100%}.integration{margin-bottom:56px;padding:28px;padding-top:28px;border-top:1px solid var(--ink);background:var(--sheet)}.integration>p{margin:13px 0 24px}.badge{padding:5px 8px;background:var(--warnsoft);color:var(--warn);font:700 10px Consolas,monospace}.integration form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integration label,.modal label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:700}.integration .button{width:max-content;align-self:end}dialog{width:min(460px,calc(100% - 28px));padding:0;border:0;background:transparent}dialog::backdrop{background:#0d242373}.modal{display:grid;gap:17px;padding:28px;border-top:4px solid var(--mint);background:var(--sheet);box-shadow:0 24px 60px #0b28263d}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:4px}.modal-head h2{font-size:27px}.close{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--strong);border-radius:50%;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:7px}.toast{position:fixed;right:24px;bottom:24px;max-width:min(360px,calc(100vw - 48px));padding:13px 15px;background:var(--night);color:#fff;box-shadow:0 12px 34px #0b282640;font-size:13px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:900px){.shell{grid-template-columns:1fr}.rail{position:static;height:auto;padding:17px 22px}.brand img{width:135px}.rail>p,.rail-state{display:none}nav{display:flex;overflow-x:auto;margin-top:15px}nav a{flex:0 0 auto}nav i{display:none}.status{grid-template-columns:repeat(3,1fr)}.status>p{grid-column:1/-1;border-top:1px solid var(--line)}.twocol{grid-template-columns:1fr;gap:34px}}@media(max-width:620px){header{min-height:70px;padding-inline:18px}.operator small{display:none}.title{align-items:stretch;flex-direction:column;padding-top:42px}.title>.button{width:100%}.title,.status,.block,.twocol{margin-inline:18px}.status{grid-template-columns:1fr 1fr}.status .waiting{border-top:1px solid var(--line)}.search{width:100%}.search input{width:100%}.block-head{align-items:start;flex-direction:column}.integration{padding:22px}.integration form{grid-template-columns:1fr}.integration .button{width:100%}.device{grid-template-columns:1fr auto}.device .small-button{grid-column:2}.toast{right:18px;bottom:18px}}