:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#163053;background:#f2f6fc;font-size:14px;--blue:#165de8;--line:#dce6f5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{background:var(--blue);color:white;border:1px solid transparent;border-radius:7px;padding:9px 15px;cursor:pointer;font-weight:600}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #87adff;outline-offset:2px}.plain{background:transparent;color:#31557e;border-color:var(--line)}.small{padding:5px 9px;font-size:12px}.brand{font-weight:750;font-size:23px;letter-spacing:-.6px;color:#124dbd}.brand span{font-size:12px;letter-spacing:0;color:#6b83a3;display:block;font-weight:400;margin-top:4px}header{height:82px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.user{display:flex;align-items:center;gap:12px}.workspace{display:grid;grid-template-columns:296px minmax(0,1fr);min-height:calc(100vh - 82px)}aside{border-right:1px solid var(--line);padding:24px 18px;background:#f9fbff}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}h2{font-size:15px;margin:0}h2 span{color:#7e94af;font-weight:400}.device{display:block;text-align:left;width:100%;padding:16px;margin-bottom:10px;background:white;border:1px solid var(--line);color:#294567;border-radius:9px}.device.selected{border-color:#5289ee;background:#edf4ff;box-shadow:inset 3px 0 var(--blue)}.device strong{display:block;margin-bottom:9px}.device small{font-size:12px;color:#627c9e}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8c9db3;margin-right:6px}.dot.on{background:#139568}.aside-note{font-size:12px;line-height:1.8;color:#7b91ad;margin:24px 4px}main{padding:32px;max-width:1440px;width:100%}.empty{padding:12vh 0;text-align:center;color:#7388a4}.empty h1{font-size:24px;color:#2b4b75}.detail-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.detail-head h1{font-size:25px;letter-spacing:-.5px;margin:0 0 8px}.sub{color:#7187a3;font-size:12px}.status-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:22px}.status-row>div{padding:20px 24px;border-right:1px solid var(--line)}.status-row>div:last-child{border:0}.status-row label{font-size:12px;color:#7b90ad;display:block;margin-bottom:10px}.status-row strong{font-size:17px;overflow-wrap:anywhere}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line)}.area-tabs{display:flex;gap:8px;flex-wrap:wrap}.area-tabs button{padding:6px 12px}.area-tabs .active{background:#e8f0ff;color:#134ead;border-color:#a9c4fa}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:12px;color:#7087a7;font-weight:500;background:#f9fbff}th,td{padding:16px 24px;border-bottom:1px solid #edf2f9}td strong{font-weight:600;display:block;margin-bottom:6px}td small{display:block;color:#7e93af;font-size:11px}tr:last-child td{border:0}.tag{font-size:12px;color:#15805e;background:#e7f7ef;padding:4px 8px;border-radius:4px}.muted{color:#7d92ad}.notice{padding:14px 18px;color:#43628d;background:#eaf2ff;border:1px solid #d5e4fe;border-radius:8px;margin-bottom:20px;line-height:1.7}.progress{margin-bottom:22px;background:white;border:1px solid var(--line);border-radius:10px;padding:18px 24px}.steps{display:flex;gap:4px;margin:15px 0 10px}.steps span{height:5px;background:#e3ebf8;flex:1;border-radius:5px}.steps .done{background:#1c69e8}.progress.failed{border-color:#f1c4c4}.progress.failed .steps .done{background:#c65a58}.progress small{color:#6f86a5}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eaf2ff,#f7faff)}.login form{width:100%;max-width:410px;padding:36px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 60px #1c4c8910}.login h1{font-size:21px;margin:32px 0 24px}.login button{width:100%;margin:8px 0}.login small{font-size:12px;color:#7e92ad;line-height:1.8}label{display:block;color:#526c8d;font-size:13px;margin:14px 0}input,select{display:block;width:100%;padding:11px 12px;border:1px solid #cedcef;background:#fff;border-radius:6px;margin-top:8px;color:#1e3b61}dialog{border:1px solid var(--line);border-radius:12px;padding:24px;width:calc(100% - 32px);max-width:460px;color:#163053}dialog::backdrop{background:#19395f60}.dialog-head,.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-actions{justify-content:flex-end;margin-top:24px}#modalError,#loginError{color:#b44747;font-size:13px;line-height:1.6}.code{overflow-wrap:anywhere;padding:16px;background:#edf4ff;border-radius:7px;user-select:all;font-family:monospace}.help{font-size:12px;color:#7188a6;line-height:1.8}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#173f77;color:white;border-radius:8px;padding:12px 20px;z-index:5;max-width:90vw}[hidden]{display:none!important}@media(max-width:800px){header{padding:0 16px;height:76px}.brand{font-size:20px}.user{gap:5px}.user button{font-size:12px;padding:6px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);padding:16px}#devices{display:flex;overflow:auto;gap:10px}.device{min-width:200px;margin:0}.aside-note{display:none}main{padding:20px 14px}.status-row>div{padding:16px 12px}.status-row strong{font-size:14px}.detail-head{align-items:flex-start}.detail-head h1{font-size:22px}th,td{padding:14px 16px}.panel-head{padding:16px;align-items:flex-start;flex-wrap:wrap}.status-row{grid-template-columns:1fr}.status-row>div{border-right:0;border-bottom:1px solid var(--line)}.section-title{margin-bottom:12px}}

.workspace>aside,main{min-width:0}.sub{overflow-wrap:anywhere}

.admin-workspace .section-title h2{font-size:13px}.admin-workspace #customersBtn{width:100%;margin-top:12px}.dialog-head h2{line-height:1.5}.detail-head>div{min-width:0}
@media(max-width:800px){.detail-head{flex-wrap:wrap}.detail-head>button{flex-shrink:0}}

.verification-row{display:flex;gap:8px;align-items:center}.verification-row input{min-width:0;flex:1}.login .verification-row button{width:auto;white-space:nowrap;margin:8px 0 0;padding:10px}.auth-links{display:flex;gap:8px}.login .auth-links button{font-size:12px;padding:8px;margin-top:0}.customer-panel{margin-bottom:22px}#authNotice:empty{display:none}