:root{--bg:#f5f6f3;--paper:#fff;--ink:#203d36;--muted:#82918c;--line:#e4e9e4;--green:#4d9075;--mint:#badd84;--sidebar:#17372f;--danger:#ad4a48;--amber:#b98a44;--shadow:0 4px 18px #193a3005;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #91bb72;outline-offset:3px}input:focus,select:focus{outline:2px solid #95bfa4;outline-offset:1px}button{color:inherit}h1,h2,h3,p{margin:0}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;display:block;flex:none}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:#b5c8bf;padding:31px 20px 0;position:fixed;width:238px;inset:0 auto 0 0;z-index:10;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:#f4f7ef;font-size:26px;letter-spacing:-1px}.brand-mark{font-weight:750;font-size:35px;line-height:1;width:43px;height:43px;border-radius:12px;background:#d5f1ac;color:#214034;display:inline-flex;align-items:center;justify-content:center;letter-spacing:-5px;padding-right:4px}.brand-mark span{color:#4d7d50;position:relative;top:-9px;left:1px}.brand strong{font-weight:650}.brand-suffix{display:block;font-size:10px;text-transform:uppercase;letter-spacing:3.5px;font-weight:400;color:#94b2a2;margin:3px 0 0 3px}.workspace-label{margin:35px 0 31px;display:flex;align-items:center;gap:10px;border:1px solid #3a554b;border-radius:9px;padding:12px 9px;background:#234238}.workspace-avatar{display:grid;place-items:center;width:29px;height:31px;border-radius:6px;background:#38574a;color:#c6ddc7;font-weight:600}.workspace-label strong{font-size:11px;font-weight:550;color:#e7eee5}.workspace-label small{display:block;font-size:9px;color:#8ca99b;margin-top:5px}.workspace-lock{margin-left:auto;color:#8ca99b}.workspace-lock svg{width:14px}.nav-label{font-size:8px;letter-spacing:1.65px;color:#779789;margin:0 11px 13px}.nav-item+.nav-label{margin-top:34px}.nav-item{border:0;background:none;color:#a1bcad;display:flex;align-items:center;gap:12px;padding:13px 13px;margin-bottom:6px;border-radius:7px;width:100%;text-align:left;font-size:12px}.nav-item.active{background:#d7edb6;color:#244631;font-weight:600}.nav-item:not(.active):hover{background:#2b4b3e}.nav-count{margin-left:auto;border-radius:4px;background:#c0dc9c;font:10px monospace;padding:2px 5px}.sidebar-bottom{margin-top:auto}.local-badge{border-top:1px solid #355347;border-bottom:1px solid #355347;display:flex;align-items:center;gap:9px;padding:19px 0}.local-badge strong{font-size:10px;font-weight:500;color:#b6cdbc}.local-badge small{display:block;font-size:9px;margin-top:4px;color:#759987}.local-badge>span{margin-left:auto;color:#779888}.user-block{display:flex;align-items:center;gap:9px;padding:21px 0}.user-avatar,.small-avatar{display:grid;place-items:center;border-radius:50%;height:33px;width:33px;background:#d9e6cb;color:#34553d;font-size:12px;font-weight:600}.user-block strong{font-size:11px;color:#e3ece2}.user-block small{display:block;font-size:9px;margin-top:4px;color:#84a08f}.user-block .icon-button{margin-left:auto;color:#8aa795}.main-content{grid-column:2}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 37px;background:#f9faf6}.breadcrumb{display:flex;align-items:center;gap:13px;color:#98a49e;font-size:11px}.breadcrumb strong{font-weight:500;color:#456056}.breadcrumb>span{color:#c1cbc4}.topbar-right{display:flex;align-items:center;gap:18px}.topbar-right>.mono{font-size:8px;letter-spacing:1.5px;color:#8a9a8f}.topbar-divider{height:20px;width:1px;background:var(--line)}.small-avatar{height:29px;width:29px;font-size:10px}.content{max-width:1800px;padding:34px 37px 0;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:600;color:#8b9a8e;display:block;margin-bottom:12px}h1{font-size:29px;font-weight:560;letter-spacing:-1.1px;line-height:1.3}.accent{color:#7f9e5a}.page-heading p{font-size:11px;color:#8a978e;margin-top:10px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:7px;padding:11px 15px;font-size:11px;font-weight:550;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button.secondary{border-color:#dce4da;background:#fff;box-shadow:0 2px 2px #1c433705}.button.secondary:hover{background:#f1f6ed}.button.primary{background:#294b3c;color:#f0f8ea}.button.primary:hover{background:#375c49}.button.danger{background:#a54d47;color:#fff}.button .icon{width:15px;height:15px}.button.wide{width:100%}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.metric{border:1px solid var(--line);border-radius:9px;padding:20px 20px 17px;background:#fff;box-shadow:var(--shadow);min-height:137px}.metric-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.1px;color:#88978b;font-weight:600}.metric-top .icon{color:#9aaba0;width:16px;height:16px}.metric-value{display:flex;align-items:baseline;gap:7px;margin:17px 0 12px;font-size:31px;font-weight:550;letter-spacing:-.9px;line-height:1}.metric-value>small{font-size:18px;font-weight:400;color:#a8b3a8;letter-spacing:-.2px}.metric-value>.pill{margin-left:auto;align-self:center;font-size:7px;letter-spacing:0;white-space:nowrap;padding:5px 7px}.text-value{font-size:24px;gap:10px}.metric p{font-size:9px;color:#9aa59b;white-space:nowrap}.metric p>span{margin:0 5px;color:#b3c0b3}.sparkline{width:90px;height:26px;margin-left:auto}.sparkline path{fill:none;stroke:#8caf7b;stroke-width:1.5}.route-arrow{font-size:21px;color:#a2b797}.protocol-icon{margin-left:auto;color:#85aa73}.metric-value .protocol-icon .icon{width:24px;height:24px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:5px 8px;font-size:9px;background:#edf3e7;color:#65845e;font-weight:500}.pill.subtle{background:#edf1e9;color:#6d846b}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a0afa4;flex:none}.dot.mint{background:#88ac62;box-shadow:0 0 0 3px #9bc36b14}.dot.amber{background:#c5a067}.dot.red{background:#bc7770}.status-good{color:#63804c;background:#eef4e7}.status-bad{color:#a15e57;background:#f9eae7}.status-neutral{color:#929d92;background:#f1f3ef}.status-warn{color:#a08050;background:#faf3e5}.topology-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;margin-bottom:22px}.graph-panel,.inspector,.table-panel{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);overflow:hidden}.panel-heading{min-height:70px;padding:18px 22px;border-bottom:1px solid #edf0e9;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-title{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap}.panel-subtitle{display:block;font-size:9px;color:#9ca89b;margin:6px 0 0 14px}.segmented{display:flex;padding:3px;border:1px solid #e4e9e1;background:#f7f9f4;border-radius:6px;gap:2px;white-space:nowrap}.segmented button{background:none;border:0;font-size:8px;color:#96a08f;padding:6px 9px;border-radius:4px}.segmented button.active{background:#fff;box-shadow:0 1px 3px #24352312;color:#476148}.graph-container{position:relative;background:#fafbf8;overflow:hidden;min-height:365px}.graph-caption{position:absolute;top:20px;left:22px;pointer-events:none}.graph-mode{font-size:7px;letter-spacing:1.2px;padding:5px 8px;background:#eef3e9;color:#7d9671}.graph-caption p{font-size:8px;color:#a5afa1;margin-top:8px}#network-graph{display:block;width:100%;height:auto;min-height:330px;touch-action:none;cursor:grab}#network-graph:active{cursor:grabbing}.graph-bottom{position:absolute;inset:auto 14px 14px 22px;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none}.legend{display:flex;gap:13px;font-size:7px;color:#91a08f}.legend>span{display:flex;gap:5px;align-items:center;white-space:nowrap}.legend .dot{width:5px;height:5px}.line-sample{display:inline-block;width:13px;height:1px;background:#a3b995}.zoom-controls{display:flex;align-items:center;border:1px solid #e0e7da;border-radius:6px;background:#fff;box-shadow:0 2px 3px #1c342008;pointer-events:auto}.zoom-controls button{border:0;background:none;font-size:14px;padding:5px 8px;color:#7e9275}.zoom-controls span{font:8px ui-monospace,monospace;padding:0 5px;color:#8e9f85}.zoom-controls button:last-child{border-left:1px solid #e8ece3}.graph-footnote{border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:14px 20px;color:#a1ada0;font-size:8px;line-height:1.6}.graph-footnote .icon{height:12px;width:12px}.graph-footnote p{max-width:70%}.graph-footnote>span:last-child{margin-left:auto;white-space:nowrap}.graph-edge{fill:none;stroke:#a4ba95;stroke-width:1.5;transition:opacity .25s,stroke .25s}.graph-edge.transit{stroke:#93b59e}.graph-edge.russian{stroke:#bdc99a;stroke-dasharray:5 5}.graph-edge.dim{opacity:.1}.graph-flow{fill:none;stroke:#668b65;stroke-width:2;stroke-dasharray:5 65;animation:flow 8s linear infinite;pointer-events:none;opacity:.5}.graph-flow.dim{opacity:0}.graph-flow.offline{display:none}@keyframes flow{to{stroke-dashoffset:-140}}.graph-node{cursor:pointer;transition:opacity .2s;outline:none}.graph-node .node-bg{fill:#fff;stroke:#dce5d7;stroke-width:1.1;filter:url(#node-shadow)}.graph-node.selected .node-bg,.graph-node:focus .node-bg{stroke:#7ca46c;stroke-width:1.8}.graph-node:hover .node-bg{stroke:#8ba97d}.graph-node.client .node-bg{fill:#274e3e;stroke:#274e3e}.graph-node.client text{fill:#edf5e9}.graph-node.client .svg-small{fill:#b5d1b4}.graph-node.destination .node-bg{fill:#f4f6ed;stroke:#e1e8d5}.svg-title{font:600 15px Inter,-apple-system,sans-serif;fill:#3d5a43}.svg-domain{font:10.5px ui-monospace,monospace;fill:#9aa794}.svg-small{font:10px Inter,-apple-system,sans-serif;fill:#94a18e}.svg-label{font:600 9px Inter,-apple-system,sans-serif;fill:#9baa95;letter-spacing:1.4px}.svg-tag{fill:#f0f5e8;stroke:#e6eddc;stroke-width:.5}.svg-tag-text{font:9px Inter,-apple-system,sans-serif;fill:#8c9e79}.node-badge{fill:#f0f5eb}.node-badge-text{font:600 10px Inter,sans-serif;fill:#729064}.node-status.online{fill:#88b26a}.node-status.degraded{fill:#c5a16b}.node-status.offline{fill:#bf7d72}.node-status.unknown{fill:#9aa7a1}.node-status{stroke:#fff;stroke-width:2}.inspector{padding:23px 20px;display:flex;flex-direction:column;min-width:0}.inspector .eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:17px}.inspector-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.node-avatar{display:grid;place-items:center;background:#f0f4e8;color:#6e8a5c;width:42px;height:42px;border-radius:9px;font:600 13px ui-monospace,monospace}.inspector-header h2{font-size:18px;font-weight:550;letter-spacing:-.3px}.inspector-header small{font-size:9px;color:#99a490;margin-top:5px;display:block}.inspector-header .pill{margin-left:auto;font-size:7px;padding:4px 6px}.inspector-domain{font:9px ui-monospace,monospace;padding:10px;border:1px solid #e4eadc;border-radius:5px;background:#fafbf7;color:#7c9271;word-break:break-all}.detail-list{margin:19px 0 0}.detail-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #edf0e8;font-size:9px}.detail-row dt{color:#96a28d}.detail-row dd{margin:0;color:#506949;text-align:right}.detail-row dd.mono{font-size:8px}.mono{font-family:ui-monospace,SFMono-Regular,monospace}.resource{margin-top:17px}.resource-line{display:flex;justify-content:space-between;font-size:8px;color:#93a086;margin-bottom:8px}.resource-track{height:4px;border-radius:4px;background:#edf2e4;overflow:hidden}.resource-fill{height:4px;background:#adc786;transform-origin:left;border-radius:4px}.inspector-note{font-size:8px;line-height:1.7;color:#95a188;margin-top:18px}.inspector>.button{margin-top:auto;padding:10px;font-size:9px}.inspector>.button+.button{margin-top:8px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}.table-panel .panel-heading{min-height:64px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:7px;letter-spacing:1.15px;color:#a5afa0;font-weight:600;background:#fafbf8;border-bottom:1px solid #edf0e8;padding:13px 21px}td{font-size:10px;padding:15px 21px;border-bottom:1px solid #edf0e8;color:#7d8d72}tbody tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#fbfcf8}.table-node{display:flex;align-items:center;gap:9px}.table-node strong{color:#526748;font-size:10px;font-weight:600}.table-node small{display:block;color:#a3ad98;font-size:8px;margin-top:4px}.mini-avatar{width:30px;height:30px;border-radius:6px;background:#f0f4e9;display:grid;place-items:center;font:8px ui-monospace,monospace;color:#7e956c}.text-button{background:none;border:0;color:#889c76;font-size:9px;white-space:nowrap}.routing-card{background:#e9eedc;border:1px solid #e1e8d1;padding:22px 22px 19px;border-radius:9px;position:relative;overflow:hidden}.routing-card>.eyebrow{font-size:7px;letter-spacing:1.2px;color:#95a37f}.routing-card h2{font-size:24px;line-height:1.35;font-weight:500;letter-spacing:-.7px;color:#4a6341;margin-bottom:22px}.routing-card h2>span{position:absolute;right:23px;top:50px;font-size:35px;color:#a3b790}.routing-card>div{display:flex;align-items:center;gap:9px;margin-top:17px}.route-badge{background:#f9fbef;color:#899f6c;display:grid;place-items:center;width:29px;height:29px;border-radius:7px;font:9px ui-monospace,monospace}.route-badge.dark{background:#d6e0c1;color:#7b915d}.routing-card strong{display:block;font-size:9px;font-weight:550;color:#5d744f}.routing-card small{display:block;font-size:8px;color:#9bab87;margin-top:4px}.page-footer{display:flex;justify-content:space-between;color:#a8b1a1;font-size:8px;margin-top:26px;padding:17px 0;border-top:1px solid #e2e8db}.page-footer>span{display:flex;align-items:center;gap:7px}.page-footer .dot{width:4px;height:4px}.notice{padding:14px 18px;border:1px solid #e0e6d5;border-radius:7px;background:#f0f4e8;color:#7d8e68;font-size:11px;line-height:1.8;margin-bottom:20px}.notice.warning{background:#faf1e1;border-color:#e9dcc3;color:#a08351}.icon-button{display:flex;align-items:center;justify-content:center;border:0;background:none;padding:5px;color:#829678;border-radius:5px}.icon-button:hover{background:#9eb28515}.muted{color:#8b9a88;font-size:12px;line-height:1.8}.error{color:#a34e48;font-size:11px;line-height:1.6;background:#fbefec;border-radius:5px;padding:10px 12px}.form-stack{display:flex;flex-direction:column;gap:18px}label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:550;color:#64775c}input,select{width:100%;padding:12px 13px;background:#fcfdf9;border:1px solid #dce5d5;border-radius:6px;font-size:12px;color:#354f33;min-height:42px}input::placeholder{color:#a8b39c;font-size:11px}#modal{border:1px solid #d8e1d0;border-radius:13px;padding:27px;box-shadow:0 30px 90px #15291925;width:min(490px,92vw);color:var(--ink)}#modal::backdrop{background:#19342655;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.modal-header h2{font-size:20px;font-weight:550;letter-spacing:-.5px}.modal-header .icon-button{font-size:25px}#modal-description{margin-bottom:23px}#modal-fields{display:flex;flex-direction:column;gap:17px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translateX(-50%);z-index:100;background:#2b4a38;color:#f1f7e9;padding:14px 23px;border-radius:8px;box-shadow:0 7px 25px #1c382d22;font-size:12px}.node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:22px}.node-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:25px}.node-card .detail-list{margin-bottom:22px}.node-card-actions{display:flex;gap:10px}.role-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.role-guide article{background:#edf2e4;border-radius:9px;padding:22px}.role-guide h3{font-size:13px;margin-bottom:10px;font-weight:550}.role-guide p{font-size:11px;color:#8c9a7b;line-height:1.8}.security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.security-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:25px}.security-card .icon{color:#85a16b;margin-bottom:21px;width:25px;height:25px}.security-card h3{font-size:14px;font-weight:550;margin-bottom:11px}.security-card p{font-size:11px;color:#8d9d80;line-height:1.8}.security-card .pill{margin-top:18px}.settings-actions{display:flex;gap:12px;margin-top:25px}.empty-row{text-align:center;padding:35px;color:#9dab93;white-space:normal}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fafbf6}.auth-story{background:#183b30;color:#e2efcf;padding:45px 65px;display:flex;flex-direction:column;min-height:100vh;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#739b6c22 .7px,transparent .7px);background-size:24px 24px}.auth-story>*{position:relative;z-index:1}.auth-story .brand-suffix{display:inline;font-size:16px;font-weight:400;letter-spacing:0;color:#81a48b;text-transform:none}.auth-copy{margin:auto 0;padding:70px 0}.auth-copy .eyebrow{color:#80a47c;font-size:9px;letter-spacing:2.5px;margin-bottom:28px}.auth-copy h1{font-size:64px;line-height:1.14;font-weight:500;letter-spacing:-3px;color:#e3efcd}.auth-copy>p{font-size:14px;line-height:1.9;color:#9bb396;max-width:380px;margin-top:27px}.auth-art{width:100%;margin-top:30px;max-width:620px;overflow:visible}.auth-art path{stroke:#769b6c;stroke-width:1;fill:none}.auth-art circle{stroke:#699266;stroke-width:1;fill:#214936}.auth-art text{text-anchor:middle;fill:#b7d0a4;font:12px ui-monospace,monospace}.auth-facts{display:flex;gap:23px;color:#95b18c;font-size:9px}.auth-facts span{display:flex;align-items:center;gap:7px}.auth-footer{font-size:8px;letter-spacing:1.4px;color:#759b7b;display:flex;justify-content:space-between;gap:20px}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px}.auth-form-card{width:100%;max-width:350px}.auth-form-card>.pill{font-size:9px;margin-bottom:26px}.auth-form-card h2{font-size:32px;letter-spacing:-1px;font-weight:500;margin-bottom:12px}.auth-form-card>.muted{margin-bottom:31px}.auth-form-card .button{padding:14px}.auth-form-card .button>span{margin-left:auto}.auth-policy{display:flex;gap:12px;border-top:1px solid #e3e9d9;margin-top:30px;padding-top:21px;color:#91a27e}.auth-policy p{font-size:9px;line-height:1.8}.auth-policy .icon{width:17px;height:17px}.enrollment{min-height:100vh;padding:40px 20px;background:#edf2e4;display:grid;place-items:center}.enroll-card{max-width:460px;width:100%;background:#fff;border:1px solid #dfe7d5;border-radius:15px;padding:35px}.enroll-card .brand{color:#2c5039;margin-bottom:32px;font-size:19px}.enroll-card h1{font-size:28px;margin-bottom:14px}.enroll-card>img{display:block;margin:20px auto;max-width:100%}.enroll-card>label code{font-size:10px;word-break:break-all;padding:12px;background:#f3f7ed;border-radius:5px;user-select:all}.enroll-card form{margin-top:25px}.enroll-card pre{white-space:pre-wrap;word-break:break-all;background:#f3f7ed;padding:15px;font-size:12px;line-height:1.8}#recovery h3{margin:23px 0 10px;font-size:17px}#recovery button{margin:6px 5px 0 0}.initial-loader{display:flex;align-items:center;gap:17px;justify-content:center;min-height:100vh;color:#8f9f80;font-size:12px}.initial-loader .brand-mark{animation:loader 1s ease-in-out infinite alternate}@keyframes loader{to{opacity:.4}}.live-flash{animation:loader 1s ease-in-out infinite alternate}
@media(min-width:1700px){.content{padding:42px 45px 0}.topbar{padding:0 45px}.topology-layout,.bottom-grid{grid-template-columns:minmax(0,1fr) 310px}.inspector{padding:28px}.metric{padding:24px}.metric-value{margin-top:22px}.metric{min-height:151px}.panel-heading{min-height:77px}.page-heading{margin-bottom:34px}.metrics-grid{margin-bottom:28px;gap:20px}h1{font-size:33px}.graph-caption{top:27px}.inspector-header{margin-bottom:24px}.detail-row{padding:14px 0;font-size:10px}.resource{margin-top:25px}.resource-line{font-size:10px}.inspector-domain{font-size:10px;padding:13px}.routing-card{padding:27px}.routing-card h2{font-size:28px}.routing-card>div{margin-top:23px}td{padding:18px 25px}}
@media(max-width:1250px){.shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{width:205px;padding:25px 15px 0}.content{padding:27px 23px 0}.topbar{padding:0 23px}.metrics-grid{gap:10px}.metric{padding:16px 14px}.metric-value{font-size:27px;gap:5px}.metric-value>.pill{font-size:6px;padding:4px 5px}.text-value{font-size:21px}.metric p{font-size:8px}.topology-layout,.bottom-grid{grid-template-columns:minmax(0,1fr) 235px;gap:13px}.panel-heading{padding:15px}.panel-title{font-size:11px}.segmented button{font-size:7px;padding:6px}.inspector{padding:18px 15px}.legend{gap:7px;font-size:6px}.graph-bottom{left:15px;right:10px}.graph-footnote{padding:11px 13px;font-size:7px}.sparkline{width:58px}.metric-top{font-size:7px}h1{font-size:26px}.topbar-right>.mono{display:none}.routing-card{padding:22px 17px}.routing-card h2{font-size:22px}.page-heading{gap:12px}.page-heading p{font-size:10px}.security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-story{padding:35px}.auth-copy h1{font-size:52px}}
@media(max-width:1020px){.topology-layout{grid-template-columns:1fr}.inspector{display:none}.bottom-grid{grid-template-columns:1fr}.routing-card{display:none}.metric-value>.pill{display:none}.panel-heading .panel-subtitle{display:none}.metric-value.text-value{font-size:20px}.auth-facts{flex-direction:column;gap:10px}.auth-copy h1{font-size:45px}.auth-form-wrap{padding:30px}.node-grid{grid-template-columns:1fr}}
@media(max-width:760px){.shell{display:block}.sidebar{width:64px;padding:20px 7px}.sidebar .brand{justify-content:center}.sidebar .brand>strong,.workspace-label,.nav-label,.nav-item>span.nav-count,.sidebar-bottom,.nav-item{font-size:0}.sidebar .brand-mark{width:37px;height:37px;font-size:31px}.sidebar nav{margin-top:35px}.nav-item{justify-content:center;padding:14px 0;margin-bottom:10px;gap:0}.sidebar .brand-suffix{display:none}.nav-label{height:20px}.main-content{margin-left:64px}.topbar{height:60px;padding:0 17px}.topbar-right>.topbar-divider,.topbar-right>.small-avatar{display:none}.topbar-right>.pill{font-size:7px}.content{padding:23px 16px 0}.page-heading{display:block}.page-heading>.button{margin-top:15px}h1{font-size:23px}.eyebrow{font-size:7px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{min-height:116px;padding:15px}.metric-value{margin:14px 0 11px;font-size:25px}.metric p{font-size:7px;white-space:normal}.metric-top{font-size:6px}.metric-value.text-value{font-size:22px}.panel-heading{display:block}.segmented{margin-top:15px;width:max-content}.graph-container{min-height:340px}.graph-caption p{font-size:7px}#network-graph{min-height:275px;height:275px}.graph-bottom{bottom:12px}.legend span:last-child{display:none}.graph-footnote p{max-width:100%}.graph-footnote>span:last-child{display:none}.page-footer>span:first-child{display:none}.page-footer{justify-content:flex-end}.node-card{padding:20px}.security-grid,.role-guide{grid-template-columns:1fr}.settings-actions{flex-direction:column;align-items:flex-start}.table-panel .panel-heading>.button{margin-top:15px}.panel-title{font-size:12px}.table-panel .panel-heading>.text-button{float:right;margin-top:3px}.auth-layout{display:block}.auth-story{min-height:0;padding:25px}.auth-copy,.auth-footer{display:none}.auth-form-wrap{padding:40px 30px}.auth-form-card{max-width:390px}.auth-story .brand{font-size:22px}.auth-story .brand-mark{height:36px;width:36px;font-size:30px}.auth-story .brand-suffix{font-size:14px}.enroll-card{padding:25px}.toast{left:calc(50% + 25px);max-width:80vw;width:max-content;font-size:10px}.breadcrumb{font-size:9px;gap:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}