:root{--bg:#f5f7fb;--ink:#253247;--muted:#8a96a6;--line:#e6ebf2;--accent:#206bc4;--soft:#eaf2fc;--danger:#c34a52;--tblr-font-sans-serif:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--tblr-primary:#206bc4;--tblr-body-color:var(--ink);--tblr-body-bg:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{font-family:var(--tblr-font-sans-serif);margin:0;background:var(--bg);color:var(--ink);font-size:13px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none;color:inherit}button,a,input,select,textarea{outline-offset:3px}a:hover{color:var(--accent)}.icon{width:19px;height:19px;stroke-width:1.65;flex-shrink:0;vertical-align:middle}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:27px 16px 20px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;gap:11px;align-items:center;color:#223650;margin:0 12px;line-height:1.4;font-size:17px;font-weight:650;letter-spacing:.2px}.brand small{display:block;font-size:10px;letter-spacing:.2px;color:#8c99aa;font-weight:400;margin-top:2px}.brand-mark{display:grid;place-items:center;width:36px;height:38px;background:var(--accent);color:#fff;border-radius:9px}.brand-mark .icon{width:28px;height:28px;stroke-width:1.6}.workspace{display:flex;align-items:center;gap:10px;padding:12px;margin:28px 0 26px;background:#f7f9fc;border:1px solid var(--line);border-radius:6px}.workspace-icon{color:#8193a9;display:flex}.workspace strong{display:block;font-size:12px;font-weight:550;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#445570}.workspace small{font-size:10px;color:#98a3b3;display:block;margin-top:4px}.nav-label{font-size:10px;letter-spacing:.6px;color:#a4aebc;margin:0 14px 11px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;color:#68768a;font-size:12px;border-radius:5px;position:relative}.sidebar nav a>span{display:flex;color:#91a0b2}.sidebar nav a:hover{background:#f6f8fc;color:#314d70}.sidebar nav a.active{background:#edf4ff;color:#2468ba;font-weight:550}.sidebar nav a.active>span{color:#3075c8}.sidebar nav a.active:before{content:"";position:absolute;left:-16px;width:3px;background:#347bd2;height:24px;border-radius:0 3px 3px 0}.sidebar nav b{margin-left:auto;color:#8b99ab;font-size:10px;min-width:19px;height:18px;display:grid;place-items:center;font-weight:500;background:#eef1f5;border-radius:4px}.sidebar nav a.active b{background:#deebfc;color:#3977c2}.sidebar-bottom{margin-top:auto;padding:22px 9px 0}.sidebar-bottom a{display:flex;align-items:center;gap:8px;font-size:10px;color:#7e8da2}.sidebar-bottom a>.icon,.sidebar-bottom a>span .icon{width:16px;height:16px}.sidebar-bottom a>span:last-child{margin-left:auto}.sidebar-version{display:flex;justify-content:space-between;border-top:1px solid #edf0f5;margin-top:16px;padding-top:16px;font-size:9px;color:#acb5c2}.shell{margin-left:224px}.topbar{height:66px;background:white;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumbs{display:flex;align-items:center;gap:13px;color:#92a0b0;font-size:11px;white-space:nowrap}.breadcrumbs>span:first-child{color:#9cabbc;display:flex}.breadcrumbs .icon{width:17px;height:17px}.breadcrumbs .breadcrumb-chevron .icon{width:12px;height:12px;color:#bdc6d2}.breadcrumbs strong{font-weight:450;color:#5e6f86}.top-actions{display:flex;align-items:center;gap:11px}.top-actions .small{background:#fff;border:0;color:#687992;padding:7px 9px;box-shadow:none}.top-actions .small:hover{background:#f6f8fb}.local-state{display:flex;align-items:center;gap:7px;font-size:10px;color:#94a0b0}.local-state i{width:5px;height:5px;background:#a6b0c0;border-radius:50%}.top-divider{height:17px;width:1px;background:#e9edf3;margin:0 5px}main{max-width:1640px;padding:29px 32px 35px;margin:auto;min-height:calc(100vh - 116px)}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-title h1{font-size:23px;line-height:1.4;letter-spacing:-.3px;font-weight:600;margin:0;color:#28374f}.page-title p{font-size:11px;line-height:1.8;color:#8d9aad;margin:7px 0 0}.page-actions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:white;color:#5c6e87;border:1px solid #dce3ed;border-radius:5px;padding:9px 13px;font-size:11px;min-height:34px;font-weight:450;box-shadow:0 1px 2px #1f34500a;white-space:nowrap}.button>.icon,.button>span .icon{width:16px;height:16px}.button:hover{background:#f9fbfe;border-color:#b3c5dc;color:#3a638d}.button.primary{background:#206bc4;border-color:#206bc4;color:white}.button.primary:hover{background:#1c60b0}.button:disabled{opacity:.5;cursor:not-allowed}.button.small{font-size:10px;padding:7px 10px;min-height:30px}.button.danger{color:var(--danger)}.project-context{display:flex;align-items:center;gap:13px;padding:15px 18px;margin-bottom:18px;border:1px solid var(--line);background:#fff;border-radius:6px}.context-icon{height:33px;width:33px;display:grid;place-items:center;background:#f2f6fc;border-radius:5px;color:#6089b7}.context-icon .icon{width:24px;height:24px}.project-context strong{font-size:12px;font-weight:550;color:#44546d}.context-network{font-size:10px;color:#99a4b4;margin-left:15px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.project-context .badge{margin-left:auto}.context-settings{display:flex;margin-left:6px;color:#9aa8b9}.context-settings .icon{width:17px;height:17px}.badge{font-size:10px;letter-spacing:0;font-weight:450;padding:5px 7px;border-radius:4px;white-space:nowrap}.neutral{background:#f0f3f7;color:#8998ac}.green{background:#eef7f3;color:#438c71}.amber{background:#fff5e9;color:#b68c4e}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{display:flex;flex-direction:row;align-items:flex-start;gap:15px;padding:20px 18px;border-color:var(--line);border-radius:6px;box-shadow:0 1px 2px #25395803}.stat-icon{height:37px;width:37px;border-radius:7px;display:grid;place-items:center;margin-top:3px;flex-shrink:0}.stat-icon .icon{width:22px;height:22px}.blue{background:#edf3ff;color:#5c8ed1}.cyan{background:#ecf6fa;color:#64a4bc}.orange{background:#fff5e7;color:#c89950}.green-icon{background:#edf7f3;color:#68a68e}.purple{background:#f1effa;color:#9382bf}.stat-top{font-size:10px;color:#8d99aa}.stat-value{font-size:25px;font-weight:550;line-height:1.2;color:#34445b;letter-spacing:-.6px;margin:7px 0}.stat-value small{font-size:10px;font-weight:400;letter-spacing:0;color:#9da8b7;margin-left:8px}.stat-status{font-size:20px;line-height:1.5}.stat-note,.stat-link{font-size:9px;color:#a0abba;line-height:1.5;white-space:nowrap}.stat-link{color:#7193be;display:flex;gap:4px;align-items:center}.stat-link .icon{width:11px;height:11px}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:21px}.overview-main,.overview-side{min-width:0}.panel{border:1px solid var(--line);border-radius:6px;margin-bottom:20px;background:white;box-shadow:0 1px 2px #25395803;overflow:hidden}.panel-head{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #edf1f6;min-height:59px;background:transparent}.panel-head h2{font-size:12px;line-height:1.5;font-weight:550;color:#43536a;margin:0}.panel-head p{font-size:9px;color:#9faaba;margin:4px 0 0;line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap;color:#718cac;background:none;border:0;padding:0}.text-link .icon{width:13px;height:13px}.text-link:hover{color:var(--accent)}.count-pill{font-size:9px;background:#f2f5f9;border-radius:4px;padding:3px 6px;color:#9aa8b9;margin-left:6px;font-weight:400}.check-count{font-size:10px;color:#8ba1b8}.check-list{padding:0 18px}.check-row{display:flex;align-items:center;gap:10px;padding:19px 0;border-bottom:1px solid #f0f3f7}.check-row:last-child{border-bottom:0}.check-row .check-icon{color:#c5ced9;display:flex}.check-row.done .check-icon{color:#72ad96}.check-row strong{font-size:11px;font-weight:500;display:block;color:#5b6c83}.check-row small{display:block;font-size:9px;color:#a5afbd;margin-top:5px}.check-row>.icon{width:13px;height:13px;color:#bbc6d4;margin-left:auto}.network-details{padding:7px 20px 12px}.network-details>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0f3f7;font-size:10px}.network-details>div:last-child{border-bottom:0}.network-details span{color:#95a1b2}.network-details strong{color:#71839a;font-weight:400;font-size:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.local-note{display:flex;gap:10px;padding:2px 6px 0;color:#8fa4ba}.local-note>.icon{width:19px;height:19px;margin-top:1px}.local-note strong{font-size:10px;font-weight:450;color:#7c8da2}.local-note p{font-size:9px;color:#a2aebd;line-height:1.9;margin:7px 0 0}.topology{display:flex;align-items:center;justify-content:center;padding:25px 21px 22px;min-height:220px;background-image:radial-gradient(#e2e8f1 .7px,transparent .7px);background-size:13px 13px}.topology-column{min-width:0;flex:1}.topology-label{font-size:9px;color:#a0adbd;display:flex;justify-content:space-between;margin:0 2px 13px}.topology-label span{font-size:9px;color:#afbac8}.topology-nodes{display:flex;flex-direction:column;gap:12px}.network-node{display:flex;gap:8px;align-items:center;background:#fff;padding:10px;border:1px solid #e4eaf3;box-shadow:0 2px 4px #1e477008;border-radius:5px;min-width:0}.network-node>div{min-width:0}.network-node strong{font-size:10px;font-weight:450;color:#63748c;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:135px}.network-node small{display:block;font-size:8px;color:#a5b1bf;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.node-device,.node-world{display:flex;color:#94a9c0}.node-device .icon,.node-world .icon{width:19px;height:19px}.node-route{width:5px;height:5px;border-radius:50%;margin-left:auto;flex-shrink:0}.route-0{color:#659ad6}.node-route.route-0{background:#7da8d9}.route-1{color:#7bab9d}.node-route.route-1{background:#80af9b}.route-2{color:#ab92c8}.node-route.route-2{background:#ab92c8}.network-trunk{width:33px;position:relative;height:80px;flex-shrink:0;margin-top:25px;border-top:1px solid #bdcee2;border-bottom:1px solid #bdcee2}.network-trunk:before{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:#bdcee2}.network-trunk span{height:1px;background:#bdcee2;position:absolute;right:-12px;width:12px;top:50%}.network-trunk:nth-of-type(4){transform:scaleX(-1)}.topology-router{display:flex;flex-direction:column;align-items:center;margin:22px 18px 0;min-width:70px}.router-glyph{height:57px;width:57px;border:1px solid #dbe7f8;background:#f0f6ff;border-radius:10px;display:grid;place-items:center;box-shadow:0 0 0 5px #ffffffb3}.router-glyph .icon{width:34px;height:34px;stroke-width:1.3;color:#6c97cd}.topology-router strong{font-size:11px;font-weight:550;color:#6f86a2;margin-top:12px}.topology-router small{font-size:8px;color:#a7b3c2;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.topology-router-caption{font-size:8px;color:#9ab0ca;margin-top:7px;background:#eef4fb;border:1px solid #e3ebf5;padding:3px 6px;border-radius:4px}.topology-foot{font-size:9px;display:flex;align-items:center;gap:6px;padding:11px 20px;border-top:1px solid #f0f3f7;color:#a9b3c2}.topology-foot .icon{width:13px;height:13px}.topology-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;font-size:11px;color:#a2afbf;background-image:radial-gradient(#e2e8f1 .7px,transparent .7px);background-size:13px 13px}.network-placeholder{display:flex;align-items:center;gap:14px;color:#b2c5dc;margin-bottom:17px}.network-placeholder .icon{width:31px;height:31px;stroke-width:1.3}.network-placeholder span{width:40px;border-top:1px dashed #cdd9e8}.topology-empty .text-link{margin-top:8px}.topology-no-devices{font-size:10px;color:#a4b0c0;background:#fff;padding:14px;border:1px dashed #dce4ee;border-radius:4px}.table-wrap{overflow:auto}.table{font-size:11px;margin:0;white-space:nowrap}.table th{padding:12px 20px;background:#fafbfd;font-size:9px;font-weight:450;letter-spacing:0;text-transform:none;color:#9ba7b7;border-bottom:1px solid #edf1f6}.table td{padding:16px 20px;border-bottom:1px solid #eff2f7;color:#8391a4;font-size:10px}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfcff}.table strong{font-size:11px;font-weight:450;color:#526780;display:block}.table small{font-size:8px;color:#aab4c2;display:block;margin-top:5px}.table .mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.line-identity{display:flex;align-items:center;gap:11px}.line-avatar{width:30px;height:30px;background:#eef4fc;border:1px solid #e6eef9;border-radius:6px;display:grid;place-items:center;color:#80a5d3}.line-avatar.sstp{color:#86ab9b;background:#f0f7f3;border-color:#e5f0e9}.line-avatar .icon{height:17px;width:17px}.protocol-label{display:inline-flex;background:#f2f5f9;color:#899bb0;border-radius:3px;font-size:8px;padding:4px 6px}.state-label{font-size:9px;display:inline-flex;gap:6px;align-items:center;color:#92a1b3}.state-label i{width:4px;height:4px;border-radius:50%;background:#c4ccd7}.state-label.ready{color:#77a28f}.state-label.ready i{background:#83b29d}.state-label.pending{color:#c29d64}.state-label.pending i{background:#d6b279}.device-count{display:flex;gap:7px;align-items:center;color:#93a4b9;font-size:10px}.device-count .icon{width:14px;height:14px;color:#b1bfce}.actions-heading{text-align:right}.row-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center}.row-actions button:not(.button){background:none;border:0;padding:3px;color:#9aaabd;font-size:10px}.row-actions button:not(.button):hover{color:#447ebe}.row-actions button .icon{width:15px;height:15px}.row-actions button.delete:hover{color:#bd7075}.table-foot{padding:12px 20px;border-top:1px solid #edf1f6;font-size:9px;color:#acb6c4}.empty{text-align:center;padding:42px 24px;color:#99a7b9;font-size:11px;line-height:1.7}.empty-icon{width:49px;height:49px;border-radius:10px;background:#f3f6fb;border:1px solid #e8eef5;display:grid;place-items:center;color:#a1b7d1;margin:0 auto 16px}.empty-icon .icon{width:26px;height:26px;stroke-width:1.4}.empty strong{display:block;color:#72859c;font-size:12px;font-weight:450;margin-bottom:7px}.empty p{font-size:10px;margin-bottom:17px}.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search-wrap{position:relative;min-width:220px;max-width:370px;flex:1}.search-wrap>span{position:absolute;left:10px;top:9px;color:#a6b5c7;display:flex}.search-wrap .icon{width:15px;height:15px}.search{width:100%;padding:9px 12px 9px 33px;border:1px solid #e0e6ef;border-radius:5px;background:#fff;font-size:10px;color:#637a96}.search::placeholder{color:#a6b2c2}.filter{display:flex;align-items:center;gap:11px}.filter select{border:1px solid #e0e6ef;border-radius:5px;background:white;font-size:10px;padding:8px 11px;color:#8f9fb3}.callout{border:1px solid #dfebf8;background:#f1f7ff;color:#7994b3;border-radius:5px;padding:13px 17px;font-size:10px;line-height:1.9;margin-bottom:21px}.callout.warn{background:#fffbf3;border-color:#f1e8d6;color:#ad966e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel-body{padding:23px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#72839a}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #dde5ef;background:#fff;color:#5e728c;border-radius:5px;padding:10px 12px;font-size:12px;line-height:1.6}.field small{font-size:10px;color:#a0adbd;line-height:1.7}.field input:focus,.field select:focus{border-color:#94b8e4;outline:2px solid #edf4fd}.check-label{display:flex;gap:9px;align-items:center}.check-label input{width:auto}.settings-save{display:flex;justify-content:flex-end;margin-top:23px}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.download-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:25px}.card-icon{height:40px;width:40px;border-radius:8px;background:#eff4fc;color:#88a7d2;display:grid;place-items:center;margin-bottom:18px}.card-icon .icon{width:24px;height:24px}.download-card h2{font-size:15px;font-weight:500;color:#566c86;margin:0 0 10px}.download-card p{font-size:11px;line-height:1.9;color:#94a3b6;min-height:42px;margin-bottom:16px}.preview-tabs{display:flex;gap:6px}.preview-tabs button{border:0;background:none;font-size:10px;padding:6px 10px;color:#a0adc0;border-radius:4px}.preview-tabs button.active{background:#eef4fc;color:#6994c7}.code{background:#f8fafd;color:#7c90a8;padding:22px;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.9;white-space:pre;overflow:auto;max-height:440px;tab-size:2}.error-list{padding:13px 20px;background:#fffcf5;border-bottom:1px solid #f4ead7;color:#bc9a67;font-size:10px;line-height:1.9}.error-list p{margin:0}.validation-good{padding:13px 20px;background:#f3faf6;color:#7da88f;font-size:10px;border-bottom:1px solid #e5f2e9}.section-gap{margin-top:21px}.deploy-list{display:grid;gap:17px;counter-reset:deploy}.deploy-card{display:flex;gap:20px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:25px}.deploy-card:before{counter-increment:deploy;content:counter(deploy,decimal-leading-zero);font-size:18px;color:#a1b8d3;line-height:1.3;flex-shrink:0}.deploy-card h2{font-size:14px;font-weight:500;color:#627995;margin:0 0 11px}.deploy-card p,.deploy-card li{font-size:11px;line-height:1.9;color:#98a7b8}.deploy-card ul{padding-left:17px}.inline-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;padding:3px 5px;border-radius:3px;background:#f0f5fb;color:#8b9fb8;font-size:10px}.help-links{display:flex;gap:20px;margin-top:15px;flex-wrap:wrap}.help-links a{color:#7199c7;font-size:10px}footer{max-width:1640px;margin:auto;display:flex;justify-content:space-between;padding:17px 32px;color:#b3bdca;font-size:9px;border-top:1px solid #e9edf4}.footer-dot{padding:0 7px;color:#ccd4de}dialog{border:1px solid #dce5ef;border-radius:9px;padding:28px;max-width:630px;width:calc(100% - 32px);box-shadow:0 20px 75px #25395826;color:var(--ink)}dialog::backdrop{background:#24374f55;backdrop-filter:blur(2px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.dialog-head small{font-size:10px;color:#9aabbd}.dialog-head h2{font-size:20px;font-weight:550;color:#4f6681;margin:8px 0 0}.icon-button{border:0;background:none;color:#a5b4c6;border-radius:5px;width:27px;height:27px;display:grid;place-items:center}.icon-button:hover{background:#f3f6fb}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #eaf0f7;padding-top:21px;margin-top:23px}.form-error{color:#b77b7b;font-size:11px;line-height:1.8;margin-top:15px}.toast{position:fixed;left:calc(50% + 112px);bottom:25px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#334d6e;color:#f8fbff;border:1px solid #426184;box-shadow:0 5px 20px #263d5c20;border-radius:6px;padding:12px 20px;font-size:11px;z-index:20;max-width:85vw;transition:opacity .15s,transform .15s}.toast.visible{opacity:1;transform:translate(-50%,0)}button:focus-visible,a:focus-visible{outline:2px solid #7fabdf}.btn{--tblr-btn-font-weight:450}
@media(min-width:1550px){main{padding:35px 40px 40px}.topbar{padding:0 40px}.overview-grid{grid-template-columns:minmax(0,1fr) 310px}.topology{padding:30px 45px;min-height:260px}.network-node{padding:13px}.network-node strong{max-width:200px}.stats{gap:21px}.stat{padding:23px}.stat-value{font-size:29px}.stat-status{font-size:23px}}
@media(max-width:1200px){.sidebar{width:202px;padding-left:12px;padding-right:12px}.shell{margin-left:202px}.sidebar nav a{font-size:11px;padding-left:12px;gap:9px}.sidebar nav a.active:before{left:-12px}.brand{font-size:15px;margin-left:8px}.brand small{font-size:9px}.topbar{padding:0 25px}main{padding:26px 25px}.overview-grid{grid-template-columns:minmax(0,1fr) 246px;gap:17px}.stat{gap:11px;padding:18px 14px}.stat-icon{height:31px;width:31px}.stat-icon .icon{width:19px;height:19px}.stat-note{font-size:8px}.network-trunk{width:20px}.topology-router{margin-left:15px;margin-right:15px;min-width:60px}.network-node{padding:8px;gap:6px}.network-node strong{font-size:9px;max-width:95px}.network-node small{font-size:7px}.node-route{display:none}.topology{padding-left:16px;padding-right:16px}.table td,.table th{padding-left:15px;padding-right:15px}.toast{left:calc(50% + 101px)}}
@media(max-width:1000px){.overview-grid{grid-template-columns:1fr}.overview-side{display:grid;grid-template-columns:1fr 1fr;gap:17px}.overview-side>.local-note{grid-column:1/-1}.overview-side>.panel{margin-bottom:0}.topology{padding:25px 40px}.network-trunk{width:45px}.network-node strong{font-size:11px;max-width:150px}.network-node small{font-size:9px}.network-node{padding:11px}.node-route{display:block}.stat{gap:9px;padding:15px 12px}.stat-icon{width:26px;height:26px}.stat-icon .icon{height:17px;width:17px}.stat-value{font-size:23px}.stat-status{font-size:18px}.stat-note{white-space:normal;font-size:8px}.brand{font-size:14px}.sidebar{width:190px}.shell{margin-left:190px}.workspace{padding:10px}.sidebar nav a{gap:8px;font-size:10px}.sidebar nav .icon{height:17px;width:17px}.toast{left:calc(50% + 95px)}.local-state,.top-divider{display:none}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:17px 17px 0;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:16px;margin:0}.brand-mark{height:32px;width:32px}.brand small{font-size:9px}.workspace,.nav-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;overflow-x:auto;gap:4px;margin:17px -3px 0}.sidebar nav a{white-space:nowrap;font-size:11px;padding:11px 10px;border-radius:4px 4px 0 0;gap:7px}.sidebar nav a.active:before{display:none}.sidebar nav a.active{border-bottom:2px solid var(--accent)}.sidebar nav b{display:none}.shell{margin:0}.topbar{height:52px;padding:0 19px}.breadcrumbs{font-size:10px;gap:9px}.top-actions{gap:4px}.top-actions .small{font-size:9px;padding:5px 7px}.top-actions .icon{height:13px;width:13px}main{padding:24px 18px 28px}.page-title h1{font-size:22px}.page-title p{font-size:10px}.page-actions{gap:7px}.page-actions .button{font-size:10px;padding:8px 10px}.page-actions .button .icon{height:14px;width:14px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:17px;gap:15px}.stat-icon{width:33px;height:33px}.stat-icon .icon{width:20px;height:20px}.stat-value{font-size:26px}.stat-status{font-size:20px}.stat-note{font-size:9px}.topology{padding:21px 16px}.network-trunk{width:25px}.network-node strong{font-size:10px;max-width:115px}.network-node small{font-size:8px}.topology-router{margin-left:16px;margin-right:16px}.overview-side{grid-template-columns:1fr 1fr}.toast{left:50%}.export-grid{grid-template-columns:1fr}footer{padding:17px 18px}.footer-dot{padding:0 3px}}
@media(max-width:480px){.sidebar nav a{font-size:10px;padding:10px 8px}.sidebar nav a span{display:none}.breadcrumbs>span:first-child{display:none}.page-title{align-items:flex-start;gap:12px}.page-title h1{font-size:21px}.page-title p{max-width:180px}.page-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.page-actions .button{padding:7px 8px;font-size:9px;min-height:30px}.page-actions .button .icon{width:12px;height:12px}.project-context{padding:13px;gap:10px}.context-network{display:none}.stat{padding:15px 12px;gap:10px}.stat-top{font-size:9px}.stat-note{font-size:8px}.stat-icon{height:30px;width:30px}.stat-value{font-size:24px}.stat-status{font-size:18px}.panel-head{padding:16px}.panel-head h2{font-size:11px}.topology{padding:20px 13px;min-height:218px}.network-trunk{width:13px;height:68px}.network-trunk span{width:7px;right:-7px}.topology-router{min-width:49px;margin-left:10px;margin-right:10px}.router-glyph{width:44px;height:44px;border-radius:8px}.router-glyph .icon{height:28px;width:28px}.topology-router strong{font-size:9px}.topology-router small{font-size:7px}.topology-router-caption{font-size:7px}.network-node{padding:8px 6px;gap:5px}.network-node strong{font-size:8px;max-width:78px}.network-node small{font-size:6.5px}.node-device .icon,.node-world .icon{height:14px;width:14px}.node-route{display:none}.topology-label{font-size:8px}.topology-label span{font-size:8px}.topology-foot{font-size:8px;padding:10px 13px}.overview-side{grid-template-columns:1fr}.local-note{padding:3px 8px}.table td,.table th{padding:13px 12px}.table strong{font-size:10px}.table td{font-size:9px}.line-avatar{width:25px;height:25px}.line-identity{gap:7px}.line-avatar .icon{width:15px;height:15px}.table small{font-size:7px}.state-label{font-size:8px;gap:4px}.protocol-label{font-size:7px}.table-foot{font-size:8px}.toolbar{padding:14px;gap:12px}.search-wrap{min-width:100%;max-width:none}.filter{width:100%;justify-content:space-between}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.panel-body{padding:18px}.preview-tabs{gap:0}.preview-tabs button{font-size:8px;padding:5px 7px}.callout{font-size:9px;padding:12px 14px}.toolbar>.row-actions{width:100%;justify-content:flex-start}.toolbar>.row-actions .button{font-size:9px}.deploy-card{padding:21px 17px;gap:13px}.deploy-card h2{font-size:13px}.deploy-card p,.deploy-card li{font-size:10px}.deploy-card:before{font-size:16px}footer{font-size:8px;flex-direction:column;gap:8px}dialog{padding:23px;max-height:90vh;overflow:auto}.dialog-head h2{font-size:18px}}
@media(min-width:761px){.sidebar nav a{font-size:12px}.page-title h1{font-size:25px}.page-title p{font-size:12px}.breadcrumbs{font-size:12px}.button{font-size:12px}.project-context strong{font-size:13px}.context-network{font-size:11px}.stat-top{font-size:12px}.stat-note,.stat-link{font-size:10px}.panel-head h2{font-size:14px}.panel-head p{font-size:10px}.text-link{font-size:11px}.check-row strong{font-size:12px}.check-row small{font-size:10px}.network-details>div{font-size:11px}.network-details strong{font-size:11px}.network-node strong{font-size:11px}.network-node small{font-size:9px}.topology-label{font-size:10px}.topology-foot,.table-foot{font-size:10px}.table th{font-size:10px}.table td{font-size:11px}.table strong{font-size:12px}.table small{font-size:9px}.state-label{font-size:10px}.protocol-label{font-size:9px}.device-count{font-size:11px}.local-note strong{font-size:11px}.local-note p{font-size:10px}.search,.filter select{font-size:11px}.callout{font-size:11px}}
/* Keep small operational labels legible on the light dashboard. */
.stat-top,.context-network,.network-details span,.check-row small,.topology-label,.topology-foot,.table-foot,.table th,.stat-note{color:#748298}.network-node small,.table small{color:#7a899e}.network-node strong,.check-row strong,.table strong{color:#435773}.network-details strong,.table td{color:#63758e}.state-label.ready{color:#43876b}.state-label.pending{color:#ae7c32}.topology-router small,.topology-router-caption{color:#7b98ba}.topology-router-caption{background:#edf4fc}.sidebar nav a{color:#607087}.local-note strong{color:#647b97}.local-note p{color:#8191a6}.topology-foot{line-height:1.7}.check-row:hover{color:#206bc4}.check-row:hover strong{color:#206bc4}
.nav-divider{padding:18px 13px 7px;color:#a0adbe;font-size:10px}.sidebar nav{overflow-y:auto;min-height:0;overscroll-behavior:contain}.sidebar nav a{flex-shrink:0;padding-top:10px;padding-bottom:10px}.sidebar-bottom{flex-shrink:0;padding-top:15px}.workspace{margin-top:22px;margin-bottom:16px}.local-state.connected{color:#4b8b70}.local-state.connected i{background:#4d9c77}.live-connect-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:22px}.live-help p{font-size:12px;color:#788ba2;line-height:1.9;margin-bottom:17px}.live-help p:last-child{margin-bottom:0}.live-review-description{font-size:13px;color:#60768d;line-height:1.9}.live-memory{font-size:18px;letter-spacing:0;line-height:1.7}.live-connect-grid .dialog-actions{flex-wrap:wrap}.live-connect-grid .check-label{font-size:12px;align-items:flex-start}.live-connect-grid .check-label input{margin-top:3px;flex-shrink:0}
@media(max-width:1000px){.live-connect-grid{grid-template-columns:1fr}.live-connect-grid .panel{margin-bottom:0}}@media(max-width:760px){.sidebar nav{overflow-x:auto;overflow-y:hidden}.nav-divider{display:none}.sidebar nav a{padding-top:10px;padding-bottom:10px}.live-memory{font-size:17px}.live-connect-grid{gap:18px}}

.management-login{max-width:430px;margin:5vh auto}.login-heading h1{margin:18px 0 10px;font-size:29px;color:#283b55}.login-heading p,.login-footnote{font-size:13px;line-height:1.8;color:#657892}.login-symbol{display:inline-flex;background:#e8f0fc;padding:14px;border-radius:12px;color:#206bc4;margin-right:12px;vertical-align:middle}.login-symbol .icon{width:29px;height:29px}.management-login .field{margin-bottom:20px}.management-login .button{width:100%;margin-top:8px}.management-login .panel{margin-top:24px}.auth-screen .sidebar,.auth-screen .topbar,.auth-screen footer{display:none}.auth-screen .shell{margin-left:0}.management-user{font-size:12px;color:#536982}.live-filter{flex-wrap:wrap;gap:12px}.live-filter .filter{align-items:end;gap:12px;flex-wrap:wrap}.live-filter .field{min-width:110px}.live-filter .field label{font-size:10px;margin-bottom:4px}.live-filter .form-select{font-size:12px;padding:7px 28px 7px 10px}.live-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px}.live-pagination .button[disabled]{opacity:.4;cursor:default}.login-footnote{font-size:12px}.management-login .panel-body{padding:28px}[hidden]{display:none!important}