:root{--bg:#f4f6fa;--surface:#fff;--ink:#162238;--muted:#68758a;--border:#e2e7f0;--primary:#4f46e5;--primary-hover:#4038c5;--success:#12835e;--danger:#b33d4e;--radius:12px;--shadow:0 4px 18px #253d7310;--font:Inter,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--font)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:8px;padding:9px 15px;min-height:42px;font-weight:600;transition:background .15s,border-color .15s}button:hover{background:#f5f6fa;border-color:#c7cfde}button:disabled{opacity:.55;cursor:wait}button.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 9px #4f46e51a}button.primary:hover{background:var(--primary-hover)}button.danger{color:var(--danger);border-color:#f0d7dc}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button.small{padding:6px 11px;min-height:34px;font-size:12px}a{color:var(--primary);text-decoration:none}:focus-visible{outline:3px solid #9b96f7;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.6px;font-weight:750}h2{font-size:19px}h3{font-size:15px}p.muted,.muted{color:var(--muted)}small{font-size:12px}.loading{padding:80px;text-align:center;color:var(--muted)}.layout{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{background:#172137;color:#c6cede;padding:30px 18px;display:flex;flex-direction:column;position:fixed;width:224px;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:21px;font-weight:750;letter-spacing:-.5px;padding:0 10px}.brand-mark{width:31px;height:31px;color:#aaa5ff}.brand-sub{font-size:11px;letter-spacing:2px;margin:5px 0 35px 52px;color:#8c9ab3}.nav-label{font-size:10px;letter-spacing:2px;color:#73829c;padding:0 12px;margin-bottom:10px}.nav{display:grid;gap:7px}.nav button{border:0;color:#b8c3d7;background:transparent;text-align:left;display:flex;gap:12px;align-items:center;padding:12px 14px;min-height:45px;font-weight:500}.nav button:hover{background:#ffffff0a;color:white}.nav button.active{background:#4f46e5;color:#fff}.nav svg{width:18px;height:18px}.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff12;padding:22px 10px 0}.avatar{width:32px;height:32px;border-radius:9px;background:#293850;display:grid;place-items:center;color:white;font-weight:700}.identity{display:flex;gap:10px;align-items:center;margin-bottom:13px}.sidebar-foot button{color:#a7b5ce;padding-left:0}.sidebar-foot .muted{color:#8797b1}.workspace{grid-column:2;min-width:0}.topbar{height:73px;background:white;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 36px}.breadcrumb{color:#7b879b;font-size:12px}.breadcrumb strong{font-weight:500;color:var(--ink);margin-left:10px}.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:3px 9px;border:1px solid #e4e8f0;border-radius:20px;color:var(--muted);white-space:nowrap}.tag.success{color:var(--success);background:#edf9f3;border-color:#d5ecdf}.tag.warning{color:#966b20;background:#fff7e8;border-color:#f2e0bd}.tag.danger{color:var(--danger);background:#fff1f3;border-color:#f3dce1}.dot{width:6px;height:6px;border-radius:100%;background:currentColor}.content{max-width:1440px;margin:auto;padding:34px 36px 56px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading p{margin-top:5px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}.stat{padding:21px 25px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat label{color:var(--muted);font-size:12px}.stat strong{display:block;font-size:32px;line-height:1.3;letter-spacing:-1px;margin-top:5px}.stat em{font-style:normal;font-size:11px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:20px}.panel-heading{padding:19px 22px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:10px;align-items:center}.panel-heading h2{font-size:16px}.panel-body{padding:22px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;font-weight:600;color:var(--muted);background:#fbfcfe;padding:12px 22px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:16px 22px;border-bottom:1px solid #edf0f5;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}.device-name{display:flex;gap:12px;align-items:center}.device-icon{height:36px;width:36px;border-radius:9px;background:#f0efff;color:var(--primary);display:grid;place-items:center;flex-shrink:0}.device-icon svg{height:19px;width:19px}.device-name strong{display:block;font-size:13px}.device-name small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.mono,code,pre{font-family:"Cascadia Code",Consolas,monospace}.mono{font-size:11px;color:var(--muted)}.empty{padding:54px 24px;text-align:center;max-width:560px;margin:auto}.empty svg{width:38px;height:38px;color:#8b88df;margin-bottom:15px}.empty h3{font-size:17px;margin-bottom:8px}.empty p{color:var(--muted);margin-bottom:20px}.hint{display:flex;align-items:flex-start;gap:10px;background:#eff3ff;color:#566288;border:1px solid #dfe7fa;padding:13px 16px;border-radius:9px;font-size:12px;margin:16px 0}.hint.warning{background:#fff8eb;border-color:#efdfbd;color:#886b35}.network-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.network-card{border:1px solid var(--border);border-radius:12px;padding:20px;background:#fff;box-shadow:var(--shadow)}.network-card h3{font-size:17px;margin-bottom:4px}.network-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:19px}.network-card dl{margin:0 0 18px;display:grid;grid-template-columns:95px 1fr;gap:8px;font-size:12px}.network-card dt{color:var(--muted)}.network-card dd{margin:0;overflow-wrap:anywhere}.network-card .actions{border-top:1px solid #edf0f5;padding-top:15px}.error-inline{color:var(--danger);font-size:12px;background:#fff3f5;border-radius:8px;padding:10px;margin:10px 0;overflow-wrap:anywhere}.section-title{font-size:14px;margin:26px 0 14px}.return{display:inline-flex;gap:6px;align-items:center;color:var(--muted);margin-bottom:14px;border:0;background:none;padding:0;min-height:24px;font-size:12px}.refresh-note{font-size:11px;color:#8590a2;margin-top:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px;margin-bottom:15px}.field label{font-size:12px;font-weight:600}.field input,.field textarea,.field select,input.search{border:1px solid #d9dfeb;border-radius:7px;padding:10px 12px;background:white;color:var(--ink);width:100%;outline-offset:2px;min-height:42px}.field textarea{resize:vertical;min-height:90px}.field small{color:var(--muted);font-size:11px}.field.full{grid-column:1/-1}.checkbox{display:flex;gap:8px;align-items:center;font-size:12px}.checkbox input{width:16px;height:16px;accent-color:var(--primary)}details{margin:14px 0;border:1px solid var(--border);border-radius:8px;padding:12px 14px}summary{font-size:12px;font-weight:600;cursor:pointer}details .field{margin-top:14px;margin-bottom:0}textarea.code{font:12px/1.7 Consolas,monospace;min-height:260px;tab-size:2}dialog{border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 90px #17213740;padding:0;width:min(700px,calc(100vw - 32px));max-height:90vh;color:var(--ink)}dialog::backdrop{background:#12213a66;backdrop-filter:blur(3px)}.modal-head{padding:22px 25px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modal-head p{font-size:12px;color:var(--muted);margin-top:4px}.modal-body{padding:22px 25px;max-height:66vh;overflow:auto}.modal-foot{padding:16px 25px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;background:#fbfcfe}.close{padding:0;width:33px;min-height:33px;background:transparent;border:0;color:var(--muted);font-size:22px}.command{background:#172137;color:#dbe4f6;padding:16px;border-radius:9px;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px;line-height:1.9;margin:10px 0 16px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,45%) 1fr;background:#fff}.login-art{background:#172137;padding:70px 60px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:#4f46e521;bottom:-200px;left:-150px;box-shadow:0 0 0 80px #4f46e511,0 0 0 160px #4f46e509}.login-art h1{font-size:38px;line-height:1.4;max-width:400px;margin:30px 0 15px}.login-art p{color:#95a6c5;max-width:350px;font-size:14px;line-height:1.9}.login-art .brand{padding:0}.login-art footer{font-size:11px;color:#7185a8;z-index:1}.login-form{align-self:center;justify-self:center;width:360px;max-width:100%;padding:40px 15px}.login-form h2{font-size:26px;margin-bottom:8px}.login-form>p{margin-bottom:30px;color:var(--muted);font-size:13px}.login-form button.primary{width:100%;margin-top:10px}.login-form footer{color:#97a1b1;font-size:11px;margin-top:24px;text-align:center}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:#172137;color:#fff;padding:12px 22px;border-radius:10px;box-shadow:0 6px 30px #0002;z-index:100;max-width:90vw;opacity:0;transition:all .2s;font-size:13px}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#toast.error{background:#9e3446}.toolbar{display:flex;gap:12px;margin-bottom:17px;justify-content:space-between;align-items:center}input.search{max-width:300px;font-size:12px}.inline-value{font-size:12px;overflow-wrap:anywhere}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.raw-output{max-height:400px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#f7f9fc;border:1px solid var(--border);padding:15px;border-radius:8px;font-size:11px}.footer-note{margin:26px 0;color:var(--muted);font-size:11px}.icon-button svg{width:16px;height:16px;vertical-align:middle;margin-right:5px}.status-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1000px){.sidebar{width:190px;padding:25px 12px}.layout{grid-template-columns:190px 1fr}.content{padding:26px 22px}.topbar{padding:0 22px}.settings-grid{grid-template-columns:1fr}.login-art{padding:50px 35px}td,th{padding:13px 16px}}
@media(max-width:700px){.layout{display:block}.sidebar{position:static;width:100%;padding:16px 18px;display:block}.sidebar .brand{font-size:18px;padding:0}.brand-sub,.nav-label,.sidebar-foot{display:none}.nav{display:flex;gap:5px;margin-top:15px;overflow:auto}.nav button{font-size:12px;padding:9px 12px;white-space:nowrap;min-height:39px}.nav svg{width:14px;height:14px}.topbar{height:52px;padding:0 18px}.content{padding:23px 18px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.page-heading .actions button{font-size:11px;padding:9px 11px}.stats{gap:9px}.stat{padding:15px 14px}.stat strong{font-size:26px}.stat label{font-size:11px}.stat em{display:none}.table-scroll td,.table-scroll th{padding:12px}.network-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.login-page{grid-template-columns:1fr}.login-art{padding:28px}.login-art .intro,.login-art footer{display:none}.login-form{width:380px;padding:38px 25px;align-self:start}.login-form h2{font-size:24px}.toolbar{flex-wrap:wrap}.modal-body{padding:18px}.modal-head,.modal-foot{padding:16px 18px}.network-top{gap:7px}.device-name small{max-width:150px;overflow:hidden;text-overflow:ellipsis}.hide-mobile{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}