:root{--bg:#0e141b;--bg-card:#151d27;--bg-elevated:#1a2431;--border:#263442;--text-primary:#e6edf5;--text-secondary:#9fb2c5;--text-muted:#64788f;--accent:#3b8eea;--accent-bg:#132a44;--success:#2ec987;--danger:#ef5350;--warning:#f5a623}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);font-family:Microsoft YaHei,-apple-system,Segoe UI,sans-serif;font-size:14px}.admin-layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;gap:4px;width:220px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0}.sidebar-logo{align-items:center;gap:12px;padding:6px 10px 20px;display:flex}.logo-badge{background:linear-gradient(135deg, var(--accent), #4f9dff);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex}.logo-title{font-size:14px;font-weight:700}.logo-sub{color:var(--text-muted);font-size:11px}.nav-item{cursor:pointer;color:var(--text-secondary);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;transition:all .2s;display:flex}.nav-item:hover{background:var(--accent-bg);color:var(--text-primary)}.nav-item.active{background:var(--accent-bg);color:var(--accent);font-weight:700}.nav-item.logout{color:var(--text-muted);margin-top:auto}.nav-item.logout:hover{color:var(--danger);background:#ef44441a}.nav-caret{opacity:.7;flex-shrink:0;transition:transform .18s}.nav-caret.open{transform:rotate(180deg)}.nav-sub{border-left:1px solid var(--border);flex-direction:column;gap:2px;margin:2px 0 2px 14px;padding-left:10px;display:flex}.nav-item.sub{color:var(--text-muted);padding:7px 10px;font-size:13px}.nav-item.sub.active{color:var(--accent);background:var(--accent-bg);font-weight:700}.nav-sub-dot{opacity:.55;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.main{flex:1;min-width:0;padding:28px 32px}.page{max-width:1200px;margin:0 auto}.page h2{margin-bottom:4px;font-size:22px;font-weight:800}.page-sub{color:var(--text-muted);margin-bottom:20px;font-size:13px}.page-head{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.loading{color:var(--text-muted);text-align:center;padding:40px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat-card{background:linear-gradient(-45deg, var(--accent-bg) 0%, transparent 70%), var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-icon{justify-content:center;align-items:center;margin-bottom:12px;font-size:26px;display:flex}.stat-value{font-size:28px;font-weight:800}.toolbar{gap:12px;margin-bottom:16px;display:flex}.search-box{background:var(--bg-card);border:1px solid var(--border);min-width:200px;color:var(--text-muted);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search-box:focus-within{border-color:var(--accent);color:var(--text-secondary)}.search-input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:13.5px}.search-input::placeholder{color:var(--text-muted)}.select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:10px;outline:none;padding:9px 12px;font-size:13px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:12.5px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px;font-size:13.5px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--accent-bg)}.mono{font-family:Consolas,monospace;font-size:12.5px}.empty{text-align:center;color:var(--text-muted);padding:32px!important}.ops{white-space:nowrap}.tag{background:var(--accent-bg);color:var(--accent);white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:12px;display:inline-block}.tag.ok{color:var(--success);background:#e1f7ed}.tag.bad{color:var(--danger);background:#ffebee}.tag.admin,.tag.warn{color:#f5c26b;background:#2c2413}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:9px 18px;font-size:13.5px;font-weight:700;transition:opacity .2s}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:8px 16px;font-size:13px}.btn-ghost:hover{border-color:var(--text-muted)}.btn-sm{background:var(--accent-bg);color:var(--accent);cursor:pointer;border:none;border-radius:8px;margin-right:6px;padding:5px 12px;font-size:12.5px;font-weight:600}.btn-sm:hover{opacity:.85}.btn-sm.danger{color:var(--danger);background:#ffebee}.btn-sm.primary{background:var(--accent);color:#fff}.btn-sm.primary:hover{opacity:.88}.modal-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#1e4b6e57;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;width:560px;max-width:92vw;max-height:86vh;padding:24px;overflow:auto}.modal h3{margin-bottom:16px;font-size:17px;font-weight:800}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.form-grid .full{grid-column:1/-1}.req{color:var(--danger)}.input{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;outline:none;padding:9px 12px;font-size:13.5px}.input:focus{border-color:var(--accent)}.form-msg{color:var(--danger);margin-bottom:12px;font-size:13px}.modal-foot{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.ota-warning{color:#075985;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:13px 16px;line-height:1.6;display:flex}.ota-warning svg{flex:none;margin-top:2px}.ota-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);align-items:start;gap:16px;display:grid}.ota-form-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:14px 18px 0;display:grid}.ota-form-inner label{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.ota-form-inner .full{grid-column:1/-1}.ota-form .modal-foot{padding:0 18px 18px}.ota-key-content{color:var(--text-secondary);padding:12px 18px 18px;font-size:12.5px;line-height:1.6}.ota-key-row{justify-content:space-between;gap:10px;margin:12px 0;display:flex}.ota-key-row span{color:var(--text-muted)}.ota-pubkey{resize:vertical;word-break:break-all;width:100%;line-height:1.45}.ota-list{margin-top:16px}.login-page{background:radial-gradient(1200px 600px at 50% -10%, #1677ff26, transparent 60%), var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:18px;width:380px;padding:36px 32px}.login-logo{justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;display:flex}.login-card h1{font-size:20px;font-weight:800}.login-sub{color:var(--text-muted);margin:6px 0 22px;font-size:12.5px}.login-error{color:var(--danger);background:#ef44441a;border-radius:10px;margin-bottom:14px;padding:9px 12px;font-size:13px}.login-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:10px;outline:none;margin-bottom:12px;padding:11px 14px;font-size:14px}.login-input:focus{border-color:var(--accent)}.login-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:6px;padding:11px;font-size:14.5px;font-weight:700}.login-btn:hover{opacity:.9}.login-btn:disabled{opacity:.5}:root{--ok:#34d399;--info:#60a5fa;--muted:#6b7683}.sec-title{margin:28px 0 14px;font-size:16px;font-weight:800}.gauge-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.gauge-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px 18px}.gauge-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.gauge-icon{color:var(--accent);display:flex}.gauge-label{color:var(--text-secondary);flex:1;font-size:13px}.gauge-val{font-size:17px;font-weight:800}.gauge-val.net{color:var(--info);font-size:13px}.gauge-track{background:#ffffff0f;border-radius:6px;height:8px;overflow:hidden}.gauge-fill{border-radius:6px;height:100%;transition:width .6s}.gauge-sub{color:var(--text-muted);margin-top:8px;font-size:12px}.net-row{gap:18px;padding:6px 0 2px;display:flex}.net-item{color:var(--text-secondary);font-size:12.5px}.net-item b{color:var(--text-primary)}.sys-info{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px 24px;margin-top:16px;display:grid}.sys-info-item{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:10px;justify-content:space-between;gap:12px;padding:10px 14px;font-size:12.5px;display:flex}.sys-info-item b{color:var(--text-primary);font-weight:600}.toolbar-right{align-items:center;gap:12px;display:flex}.auto-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:12.5px;display:flex}.card-title{color:var(--text-primary);align-items:center;gap:8px;padding:16px 18px 4px;font-size:14.5px;font-weight:800;display:flex}.card-title svg{color:var(--accent)}.mono-row{flex-wrap:wrap;gap:12px;padding:14px 18px 18px;display:flex}.mono-cell{border:1px solid var(--border);background:#ffffff08;border-radius:10px;flex:1;min-width:130px;padding:12px 14px}.mono-label{color:var(--text-muted);margin-bottom:6px;font-size:11.5px}.mono-big{font-size:20px;font-weight:800}.mono-big.ok{color:var(--ok)}.mono-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.core-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;padding:0 18px 18px;display:grid}.core-item{background:#ffffff08;border-radius:8px;padding:8px 10px}.core-name{color:var(--text-muted);margin-bottom:5px;font-size:11px}.core-track{background:#ffffff14;border-radius:4px;height:5px;overflow:hidden}.core-fill{border-radius:4px;height:100%;transition:width .6s}.core-val{color:var(--text-secondary);margin-top:4px;font-size:11px}.swap-row{color:var(--text-muted);padding:0 18px 16px;font-size:12px}.table-sm td{padding:8px 14px;font-size:12.5px}.small{font-size:12px}.dot-online{background:var(--ok);width:9px;height:9px;box-shadow:0 0 6px var(--ok);border-radius:50%;display:inline-block}.dot-offline{background:var(--muted);border-radius:50%;width:9px;height:9px;display:inline-block}.console-grid{grid-template-columns:400px 1fr;align-items:start;gap:16px;display:grid}.console-col{flex-direction:column;gap:16px;min-width:0;display:flex}.form-row{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.form-row label{color:var(--text-secondary);flex-direction:column;flex:1;gap:5px;min-width:150px;font-size:12px;display:flex}.form-row .btn-ghost,.form-row .btn-primary{align-self:flex-end;align-items:center;gap:6px;display:inline-flex}.btn-primary,.btn-ghost{align-items:center;gap:6px;display:inline-flex}.btn-sm{align-items:center;gap:4px;display:inline-flex}.btn-sm.warn{color:var(--warning);background:#f59e0b1f}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:4px;display:inline-flex}.btn-icon:hover{color:var(--text-primary);background:#ffffff0f}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h3{margin-bottom:0}.modal-lg{width:720px}.modal-head h3{font-size:16px}.api-log-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:8px;padding:10px 16px;display:flex}.api-log-row:last-child{border-bottom:none}.method{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}.method.get{color:var(--ok);background:#34d39924}.method.post{color:#4f9dff;background:#1677ff24}.method.put{color:var(--warning);background:#f59e0b24}.method.delete{color:var(--danger);background:#ef444424}.api-url{color:var(--text-secondary);flex:1;min-width:200px;font-size:12px}.status-code{color:var(--ok);font-size:12px;font-weight:800}.status-code.err{color:var(--danger)}.api-time{color:var(--text-muted);font-size:11px}.api-body{width:100%;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;background:#00000040;border-radius:8px;padding:8px 10px;font-family:Consolas,monospace;font-size:11.5px;overflow-x:auto}.api-log-row.err .api-url{color:var(--danger)}.tag.up{color:var(--ok);background:#34d3991f}.tag.down{color:#4f9dff;background:#1677ff24}.payload-cell{text-overflow:ellipsis;white-space:nowrap;max-width:420px;overflow:hidden}.nav-label{flex:1}@media (width<=1100px){.console-grid{grid-template-columns:1fr}.sidebar{width:190px}}@media (width<=768px){.admin-layout{flex-direction:column}.sidebar{flex-flow:wrap;width:100%;height:auto;padding:12px;position:static}.sidebar-logo{display:none}.nav-item{padding:8px 10px}.nav-item.logout{margin-top:0}.main{padding:16px}.stat-grid{grid-template-columns:repeat(2,1fr)}.mono-row{flex-direction:column}.ota-grid,.ota-form-inner{grid-template-columns:1fr}}.group-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.group-tab{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;transition:all .18s;display:inline-flex}.group-tab:hover{border-color:var(--accent);color:var(--text-primary)}.group-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.tab-count{text-align:center;background:#00000047;border-radius:20px;min-width:20px;padding:1px 7px;font-size:11px}.group-tab.active .tab-count{background:#ffffff40}.toolbar-right{gap:8px;margin-left:auto;display:flex}.group-info{margin-bottom:14px;padding:12px 16px}.group-info-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:0;display:flex}.batch-add{align-items:flex-start;gap:10px;display:flex}.batch-input{resize:vertical;flex:1;min-height:62px;font-family:Consolas,monospace;font-size:12.5px}.batch-add .btn-primary{white-space:nowrap;padding:10px 18px}.admin-tag{margin-left:8px}.dev-count{align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.online-dot,.offline-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.online-dot{background:var(--ok);box-shadow:0 0 6px var(--ok)}.offline-dot{background:var(--danger);opacity:.7}.total-count{color:var(--text-muted);margin-left:4px}.muted{color:var(--text-muted)}.back-row{align-items:center;gap:14px;display:flex}.user-title h2{margin:0 0 2px}.stat-row{flex-wrap:wrap;gap:14px;margin-bottom:16px;display:flex}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);text-align:center;border-radius:12px;flex:1;min-width:130px;padding:16px 18px}.stat-num{color:var(--text-primary);font-size:26px;font-weight:800}.stat-num.ok-num{color:var(--ok)}.stat-num.bad-num{color:var(--danger)}.stat-label{color:var(--text-muted);margin-top:4px;font-size:12px}.card-head{justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.card-head h3{margin:0}.loading-hint{text-align:center;color:var(--text-muted);padding:16px;font-size:13px}.cmd-result{margin:12px 0}.modal-wide{width:920px;max-width:96vw}.detail-status{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.detail-section{margin-bottom:14px}.detail-section h4{color:var(--text-primary);border-bottom:1px solid var(--border);margin:0 0 8px;padding-bottom:6px;font-size:13px;font-weight:700}.cmd-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.set-input{width:180px;font-family:Consolas,monospace;font-size:12px}.data-list{flex-direction:column;gap:4px;max-height:420px;display:flex;overflow-y:auto}.data-row{background:#0000002e;border-radius:7px;align-items:flex-start;gap:10px;padding:6px 10px;font-size:12px;line-height:1.5;display:flex}.data-row .row-time{white-space:nowrap;color:var(--text-muted);margin-left:auto;padding-top:2px;font-size:11px}.data-row .row-body{flex:1;min-width:0}.data-row .row-main{word-break:break-all;font-weight:600}.data-row .row-sub{color:var(--text-secondary);word-break:break-all;font-family:Consolas,monospace;font-size:11.5px}.data-row .tag{white-space:nowrap;padding:1px 8px;font-size:10.5px}.modal-tip{color:var(--text-secondary);background:var(--bg);border:1px dashed var(--border);border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:12px}.form-msg{color:var(--accent);background:#1677ff1a;border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:12.5px}.settings-page{max-width:none}.settings-card{max-width:none;margin-bottom:18px;padding:18px 20px}.settings-tip{max-width:none;margin-top:14px;padding:18px 20px}.tip-list{color:var(--text-secondary);margin:0;padding-left:18px;font-size:12.5px;line-height:1.9}.form-msg.err{color:var(--danger);background:#ef44441f}.device-card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:4px;display:grid}.dev-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:14px 14px 12px;transition:border-color .18s,transform .18s;display:flex}.dev-card:hover{border-color:var(--accent);transform:translateY(-2px)}.dev-card.online{background:linear-gradient(150deg, #34d3990f, transparent 55%), var(--bg);border-color:#34d39973}.dev-card-top{align-items:center;gap:6px;display:flex}.dev-status-dot{background:var(--danger);opacity:.75;border-radius:50%;width:9px;height:9px}.dev-status-dot.on{background:var(--ok);box-shadow:0 0 7px var(--ok);opacity:1}.dev-status-text{color:var(--danger);font-size:12px;font-weight:700}.dev-status-text.on{color:var(--ok)}.dev-cat{color:var(--accent);background:#1677ff21;border-radius:20px;margin-left:auto;padding:2px 9px;font-size:11px}.dev-card-name{color:var(--text-primary);font-size:15.5px;font-weight:800}.dev-card-uuid{color:var(--text-muted);word-break:break-all;font-size:11px}.dev-card-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex}.dev-loc{align-items:center;gap:3px;display:inline-flex}.dev-data{flex-wrap:wrap;gap:6px;min-height:22px;display:flex}.dev-data-empty{color:var(--text-muted);font-size:11.5px}.dev-data-chip{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:2px 8px;font-size:11px}.dev-data-chip b{color:var(--text-primary);margin-right:5px}.dev-card-ops{gap:6px;margin-top:2px;display:flex}.dev-card-ops .btn-sm{flex:1;justify-content:center}.dev-card-ops .btn-sm.danger{flex:none}.dev-list-card{padding:16px 18px 18px}.dev-list-card .card-head{padding-bottom:12px}.icon-only{justify-content:center;width:32px;height:32px;padding:7px}.dev-card-ops .btn-sm.icon-only{flex:none}.toast-container{z-index:2147483647;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:32px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);pointer-events:auto;white-space:nowrap;opacity:0;border-radius:10px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:800;transition:opacity .3s;display:flex;box-shadow:0 4px 20px #00000073}.toast.show{opacity:1}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;display:flex}.toast-success .toast-icon{background:#22c55e}.toast-error .toast-icon{background:#ef4444}.toast-warning .toast-icon{background:#f59e0b}.toast-icon svg{width:12px;height:12px}.logo-svg{background:#0e1526;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden}.logo-svg svg{width:30px;height:30px;display:block}.detail-latest{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.batch-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:8px 14px;font-size:13px;display:flex}.batch-bar .batch-count{color:var(--text-secondary)}.batch-bar .batch-count b{color:var(--accent);font-size:15px}.table input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:15px;height:15px}.sys-page .card{margin-bottom:16px}.sys-page .card:last-child{margin-bottom:0}