:root{--bg:#050f1d;--panel:#0a1b2d;--line:rgba(62,154,188,.18);--cyan:#46d8f2;--mint:#36dfba;--blue:#4b9dff;--text:#e0edf7;--muted:#7894ac;--warning:#eeb85d;--critical:#f17585;--offline:#607488;font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;font-size:13px;color:var(--text);color-scheme:dark} *{box-sizing:border-box}body{margin:0;background:var(--bg);min-width:360px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,g[role=button]:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{color:var(--text)}[hidden]{display:none!important}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% -15%,#0b3a50 0%,transparent 52%),linear-gradient(rgba(68,158,194,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(68,158,194,.018) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px;pointer-events:none} .dashboard{max-width:2560px;margin:auto;padding:0 24px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;z-index:1}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #267184;transform:rotate(-5deg);font-size:26px;font-weight:700;color:#49e4ce;background:linear-gradient(135deg,#143b4f,#092234);position:relative}.brand-mark span{position:absolute;width:5px;height:5px;background:var(--cyan);right:-3px;top:-3px}.brand>div{font-size:14px;font-weight:700;letter-spacing:2px}.brand>div>span{display:block;color:var(--muted);font-size:8px;letter-spacing:2.6px;margin-top:5px}.heading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:23px;pointer-events:none}.heading h1{font-size:25px;letter-spacing:4px;margin:0;text-align:center;font-weight:650;color:#e0f7ff;text-shadow:0 0 28px #43b8ce33}.heading p{font-size:9px;color:#598aa4;letter-spacing:3.5px;text-align:center;margin:8px 0 0}.heading-wing{width:90px;height:16px;border-top:1px solid #246276;border-bottom:1px solid #143b4e;transform:skewX(-35deg);background:linear-gradient(90deg,#123c4e55,transparent);position:relative}.heading-wing:after{content:"";position:absolute;top:-2px;left:0;width:20px;height:3px;background:#42c8e0}.heading-wing.left{transform:scaleX(-1) skewX(-35deg)}.top-tools{display:flex;align-items:center;gap:8px;z-index:1}.clock{display:flex;flex-direction:column;text-align:right;margin-right:12px}.clock strong{font-size:21px;letter-spacing:2px;font-weight:500;font-variant-numeric:tabular-nums}.clock span{font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:3px}.icon-button{display:grid;place-items:center;width:31px;height:31px;border:1px solid #22506a;border-radius:4px;background:#0b2234;line-height:1;font-size:19px;color:#8fb7cf;transition:.2s}.icon-button:hover{color:var(--cyan);border-color:#4ab4d0;background:#123c4a}.system-line{display:flex;justify-content:space-between;font-size:10px;color:#6f91a8;letter-spacing:.5px;height:31px;align-items:center}.system-line>span:first-child{display:flex;align-items:center;gap:7px}.system-line b{font-weight:400}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #36dfba77;margin-right:5px}.status-dot.error{background:var(--critical);box-shadow:0 0 8px #f1758577}.demo-badge{background:#705d232f;border:1px solid #8a733a;color:#f5d58a;padding:1px 7px;border-radius:2px;font-size:9px} .kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.kpi{display:flex;align-items:center;gap:17px;position:relative;background:linear-gradient(105deg,#0d263a99,#091c2cbb);border:1px solid var(--line);border-radius:3px;min-height:101px;padding:15px 18px;overflow:hidden}.kpi:after{content:"";height:24px;width:2px;position:absolute;left:0;top:20px;background:var(--cyan);opacity:.8}.kpi-icon{color:var(--cyan);font-size:30px;width:36px;text-align:center;opacity:.8}.eyebrow{display:block;color:#a5bed0;font-size:11px;white-space:nowrap}.eyebrow small{font-size:8px;letter-spacing:1px;margin-left:7px;color:#4a728e}.kpi strong{display:inline-block;margin-top:6px;font-size:29px;line-height:1.05;font-weight:550;letter-spacing:.6px;font-variant-numeric:tabular-nums}.kpi strong small{font-size:12px;color:#8ea7b9;letter-spacing:0;margin-left:5px;font-weight:400}.kpi-detail{display:block;font-size:10px;margin-top:5px;color:#628ca3;white-space:nowrap}.kpi-spark{position:absolute;right:16px;bottom:14px;width:62px;height:28px;opacity:.55}.kpi-spark svg{height:100%;width:100%} .main-grid{display:grid;grid-template-columns:minmax(235px,.9fr) minmax(450px,2.4fr) minmax(285px,1.08fr);gap:16px;height:calc(100dvh - 285px);min-height:610px}.left-column,.center-column,.right-column{display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0}.panel{position:relative;background:linear-gradient(160deg,#0c2435b5,#091a2bed);border:1px solid var(--line);border-radius:3px;min-height:0;overflow:hidden}.panel:before,.panel:after{content:"";position:absolute;width:10px;height:10px;pointer-events:none;opacity:.7;z-index:2}.panel:before{top:-1px;left:-1px;border-left:2px solid #2c94aa;border-top:2px solid #2c94aa}.panel:after{bottom:-1px;right:-1px;border-right:2px solid #2c94aa;border-bottom:2px solid #2c94aa}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;height:49px;margin:0 16px;border-bottom:1px solid #27506a45;flex-shrink:0}.panel-heading h2{font-size:12px;font-weight:600;letter-spacing:.6px;margin:0;white-space:nowrap}.panel-heading h2>span{font-size:9px;color:#3b8bab;font-weight:400;margin-right:9px;border-right:1px solid #29546b;padding-right:8px}.panel-tag{font-size:8px;letter-spacing:1.3px;color:#52839e;white-space:nowrap}.panel-tag .status-dot{width:4px;height:4px}.health-panel{flex:1.14;display:flex;flex-direction:column}.health-overview{display:flex;align-items:center;gap:13px;padding:15px 16px 13px}.health-ring{width:105px;height:105px;position:relative;flex-shrink:0}.health-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.health-ring circle{fill:none;stroke-width:5;stroke:#36dfba;stroke-linecap:round;stroke-dasharray:314.16;transition:stroke-dashoffset .8s}.health-ring .ring-track{stroke:#1a3448;stroke-dasharray:none;stroke-width:6}.health-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.health-ring strong{font-size:23px;font-weight:500;color:var(--mint)}.health-ring small{font-size:9px;color:#728ea6;margin-top:4px}.health-overview p{margin:0;line-height:1.7;font-size:12px}.health-overview p small{display:block;font-size:10px;color:#63869e;margin-top:5px;line-height:1.6}.status-bars{padding:0 18px;flex:1;display:flex;flex-direction:column;justify-content:space-around;min-height:135px}.status-bar{margin-bottom:12px}.status-bar>div{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px;color:#a0b8c9}.status-bar b{font-weight:500;color:#dce9f2;font-variant-numeric:tabular-nums}.status-bar small{color:#5e7e96;margin-left:5px}.status-bar i,.legend i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;background:var(--bar-color)}.status-bar>span{display:block;height:4px;background:#163046;border-radius:2px;overflow:hidden}.status-bar>span>span{display:block;height:100%;background:var(--bar-color);box-shadow:0 0 10px var(--bar-color);border-radius:2px;transition:width .7s}.cluster-stats{display:flex;margin:8px 17px 17px;padding-top:15px;border-top:1px solid #27506a45;justify-content:space-around;text-align:center}.cluster-stats>div+div{border-left:1px solid #1c3a51;padding-left:15px}.cluster-stats strong{display:block;font-size:17px;font-weight:550;color:#b0dbe8;font-variant-numeric:tabular-nums}.cluster-stats span{display:block;font-size:9px;color:#60819a;margin-top:5px}.alert-panel{flex:1;display:flex;flex-direction:column}.count-badge{font-size:10px;color:#eeb85d;background:#eeb85d15;border:1px solid #eeb85d33;border-radius:3px;padding:1px 6px}.section-note{font-size:9px;color:#547990;margin:10px 17px}.alerts{overflow:auto;flex:1;padding:0 15px;scrollbar-width:thin;scrollbar-color:#244a61 transparent}.alert-item{padding:12px 0;border-bottom:1px solid #23445c55;display:flex;gap:10px}.alert-symbol{color:var(--warning);width:23px;height:23px;border:1px solid #eeb85d44;background:#eeb85d0a;display:grid;place-items:center;font-size:12px;flex-shrink:0;border-radius:3px}.alert-item.critical .alert-symbol,.alert-item.offline .alert-symbol{color:var(--critical);border-color:#f1758544;background:#f175850a}.alert-item h4{font-size:11px;font-weight:500;margin:0 0 6px;color:#b8d1e0}.alert-item p{font-size:10px;margin:0;color:#7f9aad}.alert-item small{display:block;color:#456d87;font-size:9px;margin-top:7px}.alert-item button{border:0;background:transparent;text-align:left;padding:0;flex:1}.alert-footer{padding:11px 15px;border-top:1px solid #23445c55;display:flex;justify-content:space-between;gap:4px;font-size:8px;color:#537b94}.alert-footer i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--mint);margin-right:6px}.alert-footer small{font-size:8px}.empty-state{display:grid;place-items:center;min-height:130px;color:#638ba3;font-size:11px;text-align:center;padding:20px;line-height:1.8}.all-clear{padding:20px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#78a5b9}.all-clear>span{display:grid;place-items:center;border:1px solid #2d9d8155;background:#2d9d8115;color:var(--mint);width:38px;height:38px;border-radius:50%;font-size:20px;margin:4px 0 12px}.all-clear strong{font-size:12px;font-weight:500}.all-clear small{color:#50728b;font-size:10px;margin-top:7px;line-height:1.6} .map-panel{flex:1.65;display:flex;flex-direction:column}.map-headline{display:flex;align-items:center;justify-content:space-between;padding:15px 19px 0}.map-headline strong{font-size:25px;font-weight:500;color:#d5eff7;margin-right:9px;font-variant-numeric:tabular-nums}.map-headline span{font-size:10px;color:#6e95ad}.map-headline p{font-size:8px;letter-spacing:1.1px;color:#3d6e89}.map-headline p span{font-size:8px;color:#4c92a9}.map-stage{position:relative;flex:1;min-height:0;margin:0 7px;display:flex;align-items:center;justify-content:center;overflow:hidden}#worldMap{width:100%;height:100%;max-height:470px;overflow:visible}.map-grid{stroke:#1e526b;stroke-width:.5;opacity:.24;fill:none}.country{fill:#0b2a3c;stroke:#1b5267;stroke-width:.65;stroke-linejoin:round;transition:fill 1s,stroke 1s}.country.active{fill:#103c50;stroke:#247b8d}.country.selected{fill:#124d5c;stroke:#2fa8ad;stroke-width:.9}.route{fill:none;stroke:url(#routeColor);stroke-width:1.05;opacity:.5}.route.active{stroke:#36dfba;opacity:.65;stroke-width:1.3}.route-flow{fill:none;stroke:#6af3dc;stroke-width:2;stroke-linecap:round;stroke-dasharray:3 250;animation:route-flow 12s linear infinite;opacity:.6}.map-marker{cursor:pointer;outline:none}.map-marker circle{transition:fill .5s,stroke .5s}.map-marker .node-core{fill:var(--node-color);stroke:#b7fff055;stroke-width:1}.map-marker .node-halo{fill:var(--node-color);opacity:.07}.map-marker:hover .node-halo,.map-marker.selected .node-halo{opacity:.2}.map-marker .pulse-ring{fill:none;stroke:var(--node-color);stroke-width:.8;transform-box:fill-box;transform-origin:center;animation:pulse 3s infinite}.map-marker .marker-label{font-size:9px;fill:#88b5ca;letter-spacing:.4px;paint-order:stroke;stroke:#071b2a;stroke-width:3px;stroke-linejoin:round}.map-marker .marker-count{font-size:7px;fill:#052125;font-weight:700;text-anchor:middle;dominant-baseline:central}.map-marker.selected .marker-label{fill:#b0f8e9}.map-bottom{display:flex;justify-content:space-between;align-items:center;padding:8px 17px 13px;gap:5px}.legend{display:flex;gap:12px;font-size:9px;color:#7f9aaf}.legend i.healthy{background:var(--mint)}.legend i.warning{background:var(--warning)}.legend i.critical{background:var(--critical)}.legend i.offline{background:var(--offline)}.map-note{font-size:8px;color:#42677f}.map-corner{position:absolute;width:18px;height:18px;opacity:.5}.map-corner.top-left{left:13px;top:15px;border-left:1px solid #237081;border-top:1px solid #237081}.map-corner.bottom-right{right:13px;bottom:15px;border-right:1px solid #237081;border-bottom:1px solid #237081}.map-scale{position:absolute;bottom:15px;left:16px;display:flex;align-items:center;gap:3px}.map-scale span{color:#32566d;font-size:5px;letter-spacing:1px;margin-right:6px}.map-scale i{width:6px;height:3px;background:#23495b}.map-scale i:nth-child(3){background:#235e6d}.map-scale i:nth-child(4){background:#277e85}.map-scale i:nth-child(5){background:#2fa99f}.map-scale i:nth-child(6){background:#37d3b7} .fleet-panel{flex:1;display:flex;flex-direction:column}.fleet-panel .panel-heading{margin:0 14px}.fleet-tools{display:flex;gap:6px;min-width:0}input,select{background:#081b2d;border:1px solid #254559;color:#7da5bc;border-radius:3px;font-size:10px;padding:5px 8px;height:27px}input::placeholder{color:#4d7089}input[type=search]{width:115px;min-width:50px}select{width:90px;cursor:pointer}.table-scroll{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#244a61 transparent}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#0b2032;color:#527a95;font-size:9px;font-weight:400;padding:10px 12px;z-index:1}th:first-child,td:first-child{padding-left:19px}td{font-size:10px;padding:10px 12px;border-top:1px solid #1d3d523f;color:#95b3c9;font-variant-numeric:tabular-nums}tbody tr{cursor:pointer;transition:background .2s}tbody tr:hover{background:#13364970}tbody tr.selected{background:#15405155;box-shadow:inset 2px 0 var(--cyan)}td:first-child{color:#b7d1e0;max-width:185px;overflow:hidden;text-overflow:ellipsis}.region-code{font-size:8px;display:inline-block;width:23px;color:#4e9bb3;font-weight:550;margin-right:6px}.region-code.unknown{color:#536d83}.mini-meter{display:flex;align-items:center;gap:7px}.mini-meter>span{width:38px;height:3px;background:#1a364b;border-radius:2px;overflow:hidden}.mini-meter i{display:block;height:100%;background:var(--mint);border-radius:2px}.mini-meter b{font-size:9px;font-weight:400;min-width:34px}.table-status{font-size:9px;color:var(--status-color)}.table-status i{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:5px}.net-up{color:#53b8d8}.net-down{color:#66c9ac}.table-footer{padding:9px 15px;border-top:1px solid #23445c55;display:flex;justify-content:space-between;font-size:8px;color:#476c85;gap:5px}.table-footer b{color:#54b9c9;margin-left:3px} .detail-panel{flex:1.1;display:flex;flex-direction:column}.text-button{border:none;background:none;padding:4px 0;color:#5489a3;font-size:9px;white-space:nowrap}.text-button:hover{color:var(--cyan)}.node-heading{display:flex;align-items:center;gap:10px;padding:17px 17px 8px}.node-symbol{color:#50bdd6;background:#1b546b33;border:1px solid #24748a55;width:30px;height:32px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.node-heading>div{flex:1;min-width:0}.node-heading h3{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.node-heading p{color:#527b94;font-size:9px;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-status{color:var(--mint);border:1px solid #36dfba33;background:#36dfba0a;padding:3px 6px;font-size:8px;border-radius:3px;flex-shrink:0}.gauges{display:grid;grid-template-columns:1fr 1fr;flex:1;padding:7px 14px 0;gap:10px 5px;align-content:center}.gauge{text-align:center;position:relative;min-height:95px}.gauge svg{width:100%;height:83px;overflow:visible}.gauge .track{fill:none;stroke:#1c3548;stroke-width:5;stroke-linecap:round}.gauge .arc{fill:none;stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .9s}.gauge .gauge-value{position:absolute;left:0;right:0;top:32px;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.gauge-value small{font-size:10px;margin-left:2px;color:#6e95ad}.gauge-label{margin-top:-5px;display:block;font-size:10px;color:#8eafc5}.gauge-detail{display:block;font-size:8px;color:#416d87;margin-top:4px}.detail-stats{display:flex;justify-content:space-between;gap:5px;padding:14px 17px 10px;margin-top:8px;border-top:1px solid #1b3a5044}.detail-stats span{font-size:8px;color:#507792;display:block}.detail-stats strong{font-size:10px;color:#a3c1d4;font-weight:500;display:block;margin-top:6px;white-space:nowrap;font-variant-numeric:tabular-nums}.node-pagination{display:flex;align-items:center;justify-content:space-between;padding:7px 16px 11px}.node-pagination .icon-button{width:23px;height:23px;font-size:19px;border:1px solid #23445a66;background:transparent}.node-pagination>span{font-size:10px;color:#597c97}.node-pagination b{color:#58c9df;font-weight:500}.node-pagination i{font-style:normal;color:#25445c;margin:0 6px}.traffic-panel{flex:1;display:flex;flex-direction:column}.traffic-numbers{display:flex;padding:17px 17px 5px;gap:30px}.traffic-numbers span{display:block;font-size:9px;color:#6b91a9}.traffic-numbers strong{display:block;font-size:19px;font-weight:500;color:#9ed5e3;margin-top:8px;font-variant-numeric:tabular-nums}.traffic-numbers strong small{font-size:10px;color:#5d8ca7}.up-dot,.down-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-right:5px}.down-dot{background:var(--mint)}.traffic-chart{position:relative;padding:10px 10px 0;flex:1;min-height:145px}.traffic-chart svg{width:100%;height:100%;max-height:260px;overflow:visible}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:#587e98}.chart-grid{stroke:#254457;stroke-width:.6;stroke-dasharray:3 4;opacity:.7}.chart-axis{font-size:8px;fill:#537990}.chart-line{stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-footer{display:flex;justify-content:space-between;gap:8px;padding:5px 16px 12px;color:#416e87;font-size:8px}.chart-footer .down-dot{margin-left:8px}.footer{height:43px;display:flex;align-items:center;justify-content:space-between;color:#365c76;font-size:8px;letter-spacing:1px}.footer>span:first-child{font-size:7px}.footer .status-dot{width:4px;height:4px}.notice{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);border:1px solid #2b677f;background:#0a2438;padding:12px 20px;color:#b0d5e5;box-shadow:0 8px 40px #0008;border-radius:4px;font-size:12px;z-index:50;max-width:90vw}.offline-value{color:#587087!important} @keyframes route-flow{to{stroke-dashoffset:-506}}@keyframes pulse{0%{opacity:.65;transform:scale(.85)}80%,100%{opacity:0;transform:scale(2)}} @media(min-width:1800px){:root{font-size:14px}.dashboard{padding:0 28px}.main-grid{grid-template-columns:minmax(285px,.9fr) minmax(600px,2.4fr) minmax(330px,1.05fr)}.panel-heading{height:53px;margin:0 19px}.panel-heading h2{font-size:14px}.panel-tag{font-size:9px}.topbar{height:100px}.heading h1{font-size:29px}.main-grid{height:calc(100dvh - 291px)}.kpi{height:108px}.kpi strong{font-size:32px}.health-overview{padding:18px 22px;gap:20px}.health-ring{width:120px;height:120px}.status-bars{padding:0 22px}.status-bar>div{font-size:12px}.status-bar{margin-bottom:16px}.alert-item{padding:15px 0}.alert-item h4{font-size:12px}.gauge svg{height:100px}.gauge .gauge-value{top:41px;font-size:24px}.gauge{min-height:116px}.node-heading h3{font-size:17px}.node-heading p{font-size:10px}.detail-stats{padding:17px 21px 12px}.detail-stats strong{font-size:12px}.traffic-numbers strong{font-size:24px}.traffic-numbers span{font-size:10px}td{font-size:12px;padding:12px 14px}.region-code{font-size:9px}th{font-size:10px}.map-headline strong{font-size:30px}.map-headline span{font-size:11px}.traffic-chart{min-height:170px}} @media(max-width:1300px){.dashboard{padding:0 15px}.heading h1{font-size:21px;letter-spacing:2px}.heading-wing{width:40px}.brand>div{font-size:11px}.brand>div>span{font-size:7px;letter-spacing:1px}.kpi{gap:10px;padding:13px}.kpi-icon{font-size:24px;width:27px}.eyebrow small{display:none}.kpi-spark{width:44px;right:9px;opacity:.25}.main-grid{grid-template-columns:minmax(215px,.85fr) minmax(390px,2fr) minmax(260px,1fr);gap:12px}.left-column,.center-column,.right-column{gap:12px}.panel-heading{margin:0 12px}.panel-heading h2>span{margin-right:6px;padding-right:6px}.panel-tag{font-size:7px}.health-ring{width:90px;height:90px}.health-overview{gap:9px;padding:14px 12px}.map-bottom{padding-left:12px;padding-right:12px}.map-note{font-size:7px}.legend{gap:6px}.fleet-tools input{width:85px}.fleet-tools select{width:76px}.table-footer{font-size:7px}.gauge svg{height:77px}.gauge .gauge-value{top:29px}.gauges{padding:8px 7px 0;gap:8px 2px}.detail-stats{padding-left:12px;padding-right:12px}.node-heading{padding-left:12px;padding-right:12px}.node-heading h3{font-size:12px}.traffic-numbers{gap:20px}.traffic-numbers strong{font-size:17px}} @media(max-width:1050px){.heading-wing{display:none}.brand>div{display:none}.heading h1{font-size:21px}.clock strong{font-size:17px}.clock span{font-size:8px}.topbar{height:83px}.top-tools{gap:5px}.icon-button{width:27px;height:27px}.main-grid{height:auto;min-height:0;grid-template-columns:260px minmax(0,1fr)}.center-column{grid-column:2;grid-row:1}.left-column{grid-column:1;grid-row:1}.right-column{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1}.health-panel{min-height:390px}.alert-panel{min-height:280px;max-height:330px}.map-panel{min-height:390px}.fleet-panel{min-height:280px;max-height:330px}.detail-panel,.traffic-panel{height:380px}.gauges{grid-template-columns:repeat(4,1fr);padding:22px 8px}.gauge svg{height:68px}.gauge .gauge-value{top:26px;font-size:17px}.gauge{min-height:100px}.gauge-detail{font-size:7px}.kpi-strip{gap:10px}.kpi{min-height:91px}.kpi-icon{display:none}.kpi strong{font-size:24px}.kpi-detail{font-size:8px}.kpi-spark{display:none}.fleet-tools input{display:none}.map-headline p{display:none}.footer{font-size:7px}} @media(max-width:700px){.dashboard{padding:0 12px}.topbar{height:94px;align-items:flex-start;padding-top:15px}.heading{align-items:flex-start;padding-top:16px;left:38px;right:0;justify-content:flex-start}.heading h1{font-size:18px;letter-spacing:1px;text-align:left}.heading p{font-size:6px;letter-spacing:1.6px;text-align:left;margin-top:6px}.brand{position:absolute;top:18px}.brand-mark{height:25px;width:25px;font-size:19px}.top-tools{position:absolute;right:0;bottom:9px}.clock{flex-direction:row;align-items:baseline;gap:9px;margin-right:7px}.clock strong{font-size:13px}.clock span{font-size:8px}.top-tools .icon-button{width:23px;height:23px;font-size:15px}.system-line{font-size:8px;height:29px}.kpi-strip{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.kpi{min-height:86px;padding:12px}.kpi strong{font-size:26px}.kpi-detail{font-size:8px}.eyebrow{font-size:10px}.eyebrow small{display:inline;font-size:6px;letter-spacing:.2px;margin-left:5px}.main-grid{display:flex;flex-direction:column;gap:12px}.center-column{order:0;gap:12px}.left-column{order:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.right-column{order:2;display:flex;gap:12px}.map-panel{min-height:345px;height:345px;flex:none}.map-headline{padding:11px 13px 0}.map-headline strong{font-size:23px}.map-stage{margin:0}.map-note{font-size:6px}.map-bottom{gap:5px;padding-bottom:12px}.legend{font-size:8px;gap:5px}.legend i{margin-right:4px}.map-corner{display:none}.map-scale{display:none}.fleet-panel{height:320px;min-height:320px}.health-panel,.alert-panel{height:365px;min-height:365px;max-height:365px}.panel-heading{height:45px;margin:0 11px}.panel-heading h2{font-size:11px}.panel-heading h2>span{font-size:8px;margin-right:5px;padding-right:5px}.health-panel .panel-tag{display:none}.health-overview{flex-direction:column;padding:8px 8px 0;gap:3px}.health-ring{height:83px;width:83px}.health-overview p{text-align:center;font-size:9px}.health-overview p small{display:none}.health-ring strong{font-size:19px}.health-ring small{font-size:7px}.status-bars{padding:8px 12px 0;min-height:125px}.status-bar{margin-bottom:9px}.status-bar>div{font-size:8px;margin-bottom:5px}.status-bar small{font-size:7px;margin-left:2px}.status-bar i{width:4px;height:4px;margin-right:4px}.cluster-stats{margin:4px 10px 12px;padding-top:10px}.cluster-stats strong{font-size:12px}.cluster-stats span{font-size:6px}.cluster-stats>div+div{padding-left:5px}.section-note{font-size:7px;margin:8px 10px}.alerts{padding:0 10px}.alert-item{gap:6px;padding:10px 0}.alert-symbol{width:17px;height:17px;font-size:9px}.alert-item h4{font-size:9px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-item p{font-size:8px}.alert-item small{font-size:7px;margin-top:5px}.alert-footer{font-size:6px;padding:9px 8px;display:block}.alert-footer small{display:block;font-size:6px;margin-top:5px}.all-clear{padding:20px 0}.all-clear strong{font-size:10px}.all-clear small{font-size:8px}.detail-panel{height:395px;flex:none}.node-heading h3{font-size:15px}.gauges{grid-template-columns:1fr 1fr;padding:0 14px;gap:3px}.gauge svg{height:80px}.gauge .gauge-value{top:30px;font-size:22px}.gauge-detail{font-size:8px}.gauge{min-height:97px}.detail-stats{padding-top:10px;margin-top:4px}.traffic-panel{height:340px;flex:none}.traffic-numbers strong{font-size:23px}.footer{height:auto;min-height:61px;flex-wrap:wrap;gap:8px;justify-content:center;padding:15px 0;font-size:7px}.footer>span:first-child{width:100%;text-align:center}.table-footer{font-size:7px}.table-footer>span:last-child{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td{padding:11px 8px;font-size:9px}.mini-meter>span{display:none}.region-code{font-size:7px;width:17px;margin-right:3px}.mini-meter{gap:0}.mini-meter b{font-size:8px;min-width:24px}.table-status{font-size:8px}th{padding:9px 8px;font-size:8px}th:first-child,td:first-child{padding-left:12px}td:first-child{max-width:112px}.fleet-tools input{display:block;width:80px;font-size:8px}.fleet-tools select{width:72px;font-size:8px}.count-badge{font-size:8px}.empty-state{font-size:9px;padding:12px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.route-flow{display:none}} @media (min-width:1051px) and (max-height:1000px){ .topbar{height:80px}.heading h1{font-size:24px}.heading p{font-size:8px;margin-top:6px}.system-line{height:27px} .kpi{min-height:86px;height:86px;padding:12px 17px}.kpi strong{font-size:27px}.kpi-strip{margin-bottom:13px} .main-grid{height:calc(100dvh - 250px);min-height:560px}.footer{height:31px}.panel-heading{height:43px}.panel-heading h2{font-size:12px} .health-panel{flex:1.25}.alert-panel{flex:1}.health-ring{width:85px;height:85px}.health-ring strong{font-size:21px}.health-ring small{font-size:8px} .health-overview{padding:10px 17px;gap:13px}.health-overview p{font-size:11px}.health-overview p small{font-size:9px;margin-top:2px} .status-bars{min-height:121px;padding:0 18px}.status-bar{margin-bottom:9px}.status-bar>div{font-size:10px;margin-bottom:5px}.status-bar>span{height:3px} .cluster-stats{padding-top:10px;margin:4px 17px 12px}.cluster-stats strong{font-size:14px}.cluster-stats span{font-size:8px;margin-top:4px} .alert-item{padding:11px 0}.alert-item h4{font-size:11px}.section-note{font-size:8px;margin:8px 15px} .map-panel{flex:2.2}.fleet-panel{flex:1}.map-headline{padding-top:10px}.map-headline strong{font-size:24px}.map-bottom{padding-top:3px;padding-bottom:10px} .detail-panel{flex:1.48}.traffic-panel{flex:1}.node-heading{padding-top:12px;padding-bottom:5px}.node-heading h3{font-size:14px}.node-heading p{font-size:9px;margin-top:4px} .gauges{padding:0 10px;gap:3px;align-content:space-evenly}.gauge{min-height:82px}.gauge svg{height:68px}.gauge .gauge-value{top:25px;font-size:20px}.gauge-label{font-size:9px;margin-top:-4px}.gauge-detail{font-size:7px;margin-top:2px} .detail-stats{padding:10px 17px 6px;margin-top:3px}.detail-stats span{font-size:8px}.detail-stats strong{font-size:10px;margin-top:5px}.node-pagination{padding:5px 16px 8px} .traffic-numbers{padding-top:12px;padding-bottom:0}.traffic-numbers strong{font-size:20px;margin-top:6px}.traffic-numbers span{font-size:9px}.traffic-chart{min-height:110px;padding-top:5px} td{padding-top:9px;padding-bottom:9px;font-size:10px}th{padding-top:8px;padding-bottom:8px;font-size:9px} } .view-switch{display:flex;align-items:center;border:1px solid #28516a;border-radius:4px;padding:2px;gap:2px;flex-shrink:0}.view-switch button{font-size:11px;padding:5px 8px;border:0;background:transparent;color:#6f99b3;border-radius:2px;white-space:nowrap}.view-switch button[aria-pressed=true]{background:#154454;color:#70e4e3}.view-switch button:hover{color:#c5f8ff}.aggregate-note{text-align:center;font-size:10px;color:#527e98;padding:4px 12px 11px}.cumulative-gauge{display:flex;flex-direction:column;justify-content:center;align-items:center}.transfer-symbol{font-size:27px;line-height:1;color:#6fa3e4;margin-bottom:7px}.cumulative-gauge>strong{font-size:24px;font-weight:500;color:#acc7f2;white-space:nowrap;margin-bottom:8px}.cumulative-gauge>strong small{font-size:12px;margin-left:4px;color:#698fb5}.cumulative-gauge .gauge-label{margin-top:0}.cumulative-gauge .gauge-detail{font-size:9px} @media(min-width:1051px){ .heading h1{font-size:29px;letter-spacing:2px}.heading p{font-size:10px;letter-spacing:2.6px}.brand>div{font-size:15px}.brand>div>span{font-size:10px;letter-spacing:1.4px} .system-line{font-size:12px}.kpi strong{font-size:34px}.kpi strong small{font-size:14px}.eyebrow{font-size:14px}.eyebrow small{font-size:10px;letter-spacing:.5px}.kpi-detail{font-size:12px}.kpi-spark{opacity:.3;width:50px} .panel-heading{height:48px}.panel-heading h2{font-size:16px;letter-spacing:.1px}.panel-heading h2>span{font-size:11px}.panel-tag{font-size:10px;letter-spacing:.6px} .health-overview p{font-size:14px}.health-overview p small{font-size:11px}.health-ring strong{font-size:25px}.health-ring small{font-size:11px}.status-bar>div{font-size:13px}.status-bar small{font-size:11px}.status-bar>span{height:4px}.cluster-stats strong{font-size:17px}.cluster-stats span{font-size:11px} .section-note{font-size:11px}.alert-item h4{font-size:14px}.alert-item p{font-size:12px}.alert-item small{font-size:10px}.alert-footer{font-size:10px}.alert-footer small{font-size:9px}.count-badge{font-size:12px}.all-clear strong{font-size:14px}.all-clear small{font-size:12px} .map-headline strong{font-size:31px}.map-headline span{font-size:13px}.map-headline p{font-size:11px}.map-headline p span{font-size:11px}.map-marker .marker-label{font-size:12px}.map-marker .marker-count{font-size:8px}.legend{font-size:12px;gap:12px}.map-note{font-size:10px} .fleet-tools input{width:125px;font-size:12px;height:29px}.fleet-tools select{width:95px;font-size:12px;height:29px}th{font-size:12px;padding-top:10px;padding-bottom:10px}td{font-size:13px;padding-top:11px;padding-bottom:11px}.region-code{font-size:10px}.mini-meter b{font-size:12px;min-width:42px}.mini-meter>span{width:30px}.table-status{font-size:12px}.table-footer{font-size:10px} .node-heading h3{font-size:18px}.node-heading p{font-size:12px;margin-top:6px}.node-status{font-size:11px}.gauge .gauge-value{font-size:25px}.gauge-value small{font-size:12px}.gauge-label{font-size:13px}.gauge-detail{font-size:11px}.gauge svg{height:77px}.gauge .gauge-value{top:28px}.gauge{min-height:100px}.gauges{gap:6px} .detail-stats span{font-size:11px}.detail-stats strong{font-size:13px}.detail-stats{padding-top:12px;padding-bottom:9px}.node-pagination>span{font-size:12px}.text-button{font-size:11px}.aggregate-note{font-size:10px} .traffic-numbers strong{font-size:27px}.traffic-numbers strong small{font-size:13px}.traffic-numbers span{font-size:12px}.chart-axis{font-size:10px}.chart-footer{font-size:10px}.chart-empty{font-size:13px}.footer{font-size:10px}.footer>span:first-child{font-size:9px}.empty-state{font-size:13px} .detail-panel{flex:1.65}.traffic-panel{flex:1}.health-panel{flex:1.35}.alert-panel{flex:1} .map-panel{flex:2.3}.fleet-panel{flex:1}.cumulative-gauge>strong{font-size:27px}.cumulative-gauge .gauge-detail{font-size:10px} } @media(min-width:1051px) and (max-width:1450px){ .heading h1{font-size:24px}.heading-wing{width:25px}.brand>div{font-size:12px}.brand>div>span{font-size:8px}.panel-heading h2{font-size:14px}.panel-heading h2>span{display:none}.panel-tag{font-size:9px}.eyebrow small{display:none}.kpi-detail{font-size:10px}.kpi strong{font-size:29px}.view-switch button{font-size:10px;padding:4px 6px}.mini-meter>span{display:none}.fleet-tools input{width:95px}.fleet-tools select{width:86px}.map-headline p{display:none}.health-overview{gap:9px}.health-overview p{font-size:12px}.health-overview p small{font-size:10px}.node-heading h3{font-size:16px}.gauge-detail{font-size:10px}.traffic-numbers strong{font-size:23px}.map-note{font-size:9px}.legend{font-size:11px;gap:8px}.alert-footer{display:block}.alert-footer small{margin-left:8px} } @media(min-width:1051px) and (max-height:1000px){ .dashboard{padding-left:20px;padding-right:20px}.topbar{height:76px}.kpi{height:92px;min-height:92px}.main-grid{height:calc(100dvh - 252px);min-height:600px}.panel-heading{height:45px}.health-ring{width:76px;height:76px}.health-overview{padding-top:9px;padding-bottom:9px}.health-ring strong{font-size:22px}.health-ring small{font-size:9px}.status-bars{min-height:131px}.status-bar{margin-bottom:9px}.cluster-stats{margin-bottom:11px}.gauges{padding:0 8px;gap:4px}.gauge{min-height:87px}.gauge svg{height:66px}.gauge .gauge-value{top:23px;font-size:24px}.gauge-label{font-size:12px;margin-top:-3px}.gauge-detail{font-size:10px}.node-heading{padding-top:10px}.node-heading h3{font-size:17px}.node-heading p{font-size:11px}.detail-stats{padding-top:9px;padding-bottom:7px}.detail-stats strong{font-size:12px}.detail-stats span{font-size:10px}.traffic-numbers{padding-top:11px}.traffic-numbers strong{font-size:24px}.traffic-chart{min-height:85px}.cumulative-gauge>strong{font-size:25px}.transfer-symbol{font-size:22px;margin-bottom:4px}.cumulative-gauge>strong{margin-bottom:6px}.aggregate-note{font-size:9px;padding-bottom:8px}.footer{height:31px} } @media(max-width:700px){ .panel-heading h2{font-size:13px}.panel-heading h2>span{font-size:9px}.view-switch button{font-size:11px;padding:5px 8px}.node-heading h3{font-size:17px}.node-heading p{font-size:11px}.gauge-label{font-size:12px}.gauge-detail{font-size:10px}.detail-stats span{font-size:10px}.detail-stats strong{font-size:12px}.aggregate-note{font-size:9px}.status-bar>div{font-size:10px}.health-overview p{font-size:11px}.cluster-stats span{font-size:8px}.section-note{font-size:8px}.alert-item h4{font-size:11px}.alert-item p{font-size:10px}.alert-item small{font-size:9px}.traffic-numbers span{font-size:11px}.chart-footer{font-size:10px}.chart-axis{font-size:10px}.eyebrow{font-size:12px}.eyebrow small{display:none}.kpi-detail{font-size:10px}.cumulative-gauge>strong{font-size:25px}.fleet-tools input{font-size:10px}.fleet-tools select{font-size:10px}td{font-size:11px}.table-status{font-size:10px}.mini-meter b{font-size:10px}.region-code{font-size:8px}th{font-size:10px} } .country{fill:#0d2b3e;stroke:#245a70;stroke-width:.8}.country.active{fill:#124657;stroke:#32999f}.country.selected{fill:#155663;stroke:#4ac8bb}.map-marker .marker-label{font-size:16px}.map-marker .marker-count{font-size:9px}.map-marker .node-core{stroke-width:1.5}.gauge-value small{display:inline-block}.gauge-detail{white-space:nowrap}.traffic-chart .chart-axis{font-size:11px} @media(min-width:1051px){.map-marker .marker-label{font-size:16px}.gauge-detail{font-size:11px}.cumulative-gauge .gauge-detail{font-size:11px}.map-note{font-size:11px}.aggregate-note{font-size:10px}} @media(min-width:1051px) and (max-height:1000px){.gauge-detail{font-size:11px}.gauge .gauge-value{font-size:25px}.cumulative-gauge .gauge-detail{font-size:10px}.aggregate-note{font-size:9px}} .aggregate-grid{padding:6px 16px 3px!important;gap:10px!important;align-content:stretch!important}.total-tile{min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:left;padding:11px 12px;border:1px solid #21455a;background:linear-gradient(140deg,#10304677,#091a2b88);border-radius:4px;position:relative;overflow:hidden}.total-tile:before{content:"";position:absolute;left:0;top:13px;width:2px;height:20px;background:var(--tile-color)}.total-label{font-size:12px;color:#95b8cc;white-space:nowrap}.total-number{display:block;font-size:32px;font-weight:550;line-height:1.1;letter-spacing:.4px;color:#d7edf7;margin-top:8px;font-variant-numeric:tabular-nums;white-space:nowrap}.total-number small{font-size:13px;margin-left:5px;font-weight:400;color:#6c99b6;letter-spacing:0}.total-detail{font-size:11px;color:#7197ae;margin-top:7px;white-space:nowrap}.total-progress{height:4px;background:#1a374d;border-radius:2px;margin-top:9px;overflow:hidden}.total-progress i{height:100%;display:block;background:var(--tile-color);border-radius:2px;transition:width .7s}.total-transfer{color:#3e6683;font-size:8px;letter-spacing:.3px;margin-top:8px}.total-tile:last-child .total-number{color:#b8c6fb} @media(min-width:1800px) and (min-height:1001px){.total-tile{padding:17px 16px}.total-label{font-size:15px}.total-number{font-size:39px}.total-number small{font-size:16px}.total-detail{font-size:13px}.total-transfer{font-size:10px}} @media(min-width:1051px) and (max-width:1450px){.aggregate-grid{padding:5px 12px!important;gap:7px!important}.total-tile{padding:10px 8px}.total-number{font-size:28px}.total-number small{font-size:11px}.total-label{font-size:11px}.total-detail{font-size:9px}.total-transfer{font-size:7px}} @media(max-width:1050px) and (min-width:701px){.aggregate-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:4px 12px!important}.total-tile{padding:9px 10px}.total-number{font-size:29px;margin-top:6px}.total-label{font-size:11px}.total-detail{font-size:10px;margin-top:5px}.total-progress{margin-top:6px}.aggregate-note{font-size:9px}.detail-panel{height:425px}} @media(max-width:700px){.aggregate-grid{grid-template-columns:1fr 1fr!important;padding:5px 12px!important;gap:9px!important}.total-tile{padding:10px}.total-number{font-size:31px}.total-number small{font-size:12px}.total-detail{font-size:10px}.total-label{font-size:12px}.detail-panel{height:425px}.total-transfer{font-size:7px}} .aggregate-grid{min-height:0!important;grid-template-rows:repeat(2,minmax(0,1fr));flex:1}.total-tile{min-height:0;padding:9px 11px}.total-number{margin-top:6px}.total-detail{margin-top:5px}.total-progress{margin-top:7px}.total-transfer{margin-top:6px}.detail-stats{flex-shrink:0}.node-heading{flex-shrink:0}#aggregateNote{display:none!important} @media(min-width:1051px) and (max-height:1000px){.detail-stats{padding-top:7px;padding-bottom:6px;margin-top:2px}.detail-stats strong{margin-top:4px}.aggregate-grid{gap:8px!important;padding-top:3px!important;padding-bottom:3px!important}.total-number{font-size:31px}.total-label{font-size:12px}.total-detail{font-size:10px}} .total-tile{padding-top:8px;padding-bottom:8px}.total-number{line-height:1;margin-top:5px}.total-progress{flex-shrink:0;margin-top:6px}.total-detail{margin-top:5px}.ping-select-line{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;font-size:11px;color:#6c92aa}.ping-select-line select{width:150px;font-size:12px}.ping-table-heading,.ping-node{display:grid;grid-template-columns:minmax(0,1fr) 70px 58px;gap:7px;align-items:center}.ping-table-heading{padding:4px 16px 9px;font-size:11px;color:#4f7d98}.ping-table-heading span:not(:first-child){text-align:right}.ping-list{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#244a61 transparent;min-height:0;padding:0 12px}.ping-node{width:100%;border:0;border-bottom:1px solid #21405288;background:transparent;text-align:left;padding:12px 4px;font-size:12px;color:#acc8d9}.ping-node>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ping-node b,.ping-node strong{font-size:12px;font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.ping-node b{color:#8ecbe0}.ping-node:hover,.ping-node.selected{background:#16475955}.ping-summary{display:flex;align-items:center;gap:22px}.ping-summary>div>span{display:block;font-size:11px;color:#5e8ca6}.ping-summary strong{display:block;font-size:19px;font-weight:500;margin-top:4px;color:#8cdbec;font-variant-numeric:tabular-nums}.latency-cell{color:#8ecbe0}.fleet-panel table{min-width:650px}.fleet-panel td,.fleet-panel th{padding-left:10px;padding-right:10px}.fleet-panel .mini-meter>span{width:22px}.fleet-panel .mini-meter{gap:5px}.traffic-chart svg{max-height:none}.chart-axis{font-size:11px!important} @media(min-width:1800px){.ping-node{font-size:14px;padding-top:13px;padding-bottom:13px}.ping-node b,.ping-node strong{font-size:14px}.ping-table-heading{font-size:12px}.ping-select-line{font-size:12px}.ping-summary strong{font-size:23px}.ping-summary>div>span{font-size:12px}} @media(max-width:1300px){.ping-table-heading,.ping-node{grid-template-columns:minmax(0,1fr) 55px 46px;gap:4px}.ping-node{font-size:11px}.ping-node b,.ping-node strong{font-size:11px}.ping-select-line{padding:10px 12px 8px;font-size:10px}.ping-select-line select{width:115px;font-size:11px}.ping-table-heading{padding:4px 12px 8px;font-size:10px}.ping-summary{gap:14px}.ping-summary strong{font-size:17px}.ping-summary>div>span{font-size:10px}.fleet-panel .mini-meter>span{display:none}} @media(max-width:700px){.left-column{display:flex;flex-direction:column}.health-panel{height:365px;flex:none}.ping-panel{height:340px;max-height:none;min-height:340px;flex:none}.health-overview{flex-direction:row;justify-content:center;padding:13px;gap:20px}.health-ring{height:85px;width:85px}.health-overview p{font-size:13px}.health-overview p small{display:block;font-size:11px}.status-bar>div{font-size:12px}.status-bar small{font-size:10px}.status-bars{padding:0 17px}.cluster-stats strong{font-size:16px}.cluster-stats span{font-size:10px}.map-headline{flex-wrap:wrap;gap:7px;padding-top:9px}.map-headline strong{font-size:22px}.map-headline>div>span{font-size:10px}.ping-summary{gap:12px}.ping-summary strong{font-size:15px;margin-top:3px}.ping-summary>div>span{font-size:9px}.map-panel{height:355px;min-height:355px}.ping-select-line{padding:10px 14px;font-size:12px}.ping-select-line select{width:160px;font-size:12px}.ping-node{font-size:13px;padding-top:13px;padding-bottom:13px}.ping-node b,.ping-node strong{font-size:13px}.ping-table-heading{font-size:11px}.ping-table-heading,.ping-node{grid-template-columns:minmax(0,1fr) 70px 60px}.ping-list{padding:0 13px}.ping-panel .alert-footer{display:flex;font-size:10px}.ping-panel .alert-footer small{font-size:9px;display:inline;margin:0}.fleet-panel table{min-width:650px}.fleet-panel .table-scroll{overflow:auto}.map-note{font-size:7px}.traffic-chart{min-height:145px}} .cluster-stats{flex-shrink:0;padding-bottom:9px}.cluster-stats span{font-size:11px;white-space:nowrap}.cluster-stats strong{font-size:20px;line-height:1.3} .brand>div>span{letter-spacing:2px}.heading p{letter-spacing:2px}.panel-tag{letter-spacing:0}.region-code{letter-spacing:0} :root{--text:#e6f0f7;--muted:#92adbf;--line:#254354;--bg:#07121e;font-family:"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif} .ambient{background:radial-gradient(ellipse at 50% 0,#12374866,transparent 65%)} .panel,.kpi{border-color:#244252;background:linear-gradient(135deg,#102637,#0b1c2c);border-radius:8px;box-shadow:0 5px 20px #00000014} .panel:before,.panel:after{display:none}.panel-heading{border-color:#28435188}.panel-heading h2{font-weight:600}.panel-heading h2>span{color:#5daeb7;border:0;padding:0;margin-right:10px}.panel-tag{color:#8ba7b8} .heading-wing{opacity:.45}.heading h1{text-shadow:none;letter-spacing:1px}.heading p{color:#91adbc}.brand-mark{transform:none;border-radius:8px;background:#153d46;border-color:#326671}.brand-mark span{display:none}.brand>div{letter-spacing:1px}.brand>div>span{color:#91adbc}.system-line,.kpi-detail{color:#99b2c3} .kpi:after{height:38px;top:50%;transform:translateY(-50%);border-radius:3px;width:3px}.eyebrow{color:#aec5d4}.kpi strong{font-weight:600;letter-spacing:-.5px}.kpi strong small{color:#8fabbf}.kpi-icon{opacity:.65}.kpi-spark{opacity:.6}.kpi-spark svg{filter:drop-shadow(0 0 3px #46d8f233)} .health-overview p small,.health-ring small,.status-bar small,.cluster-stats span{color:#91acbf}.health-ring strong{font-weight:600}.health-ring .ring-track{stroke:#234354}.status-bar>div{color:#c2d3df}.status-bar>span{background:#233e50}.status-bar>span>span{box-shadow:none}.cluster-stats{border-top-color:#2b4657}.cluster-stats>div{flex:1;padding:0!important}.cluster-stats>div+div{border-color:#2b4657}.cluster-stats strong{font-weight:600}.ping-select-line,.ping-table-heading,.alert-footer{color:#8daabc}.ping-list{scrollbar-color:#426174 transparent}.ping-node{color:#d5e3ed;border-bottom-color:#26415199}.ping-node b{color:#b9dce8}.ping-node:hover,.ping-node.selected{background:#20526577;border-radius:5px}.alert-footer{background:#0b1d2b66} .map-grid{opacity:.12}.country{fill:#102f41;stroke:#2b5366}.country.active{fill:#195366;stroke:#45a5ac}.country.selected{fill:#206373;stroke:#66d4ca}.route{opacity:.35}.route-flow{opacity:.45}.map-corner,.map-scale{display:none}.map-headline span,.ping-summary>div>span{color:#99b5c6}.ping-summary strong{font-weight:600}.map-marker .marker-label{fill:#c1dce8;stroke:#0b2030;stroke-width:4px}.map-note{color:#829dad}.legend{color:#b5c8d6} input,select{background:#102a3b;border-color:#355365;color:#bdcfdb;border-radius:5px}input::placeholder{color:#8aa6b9}.fleet-panel th{background:#112b3c;color:#9db8ca;font-weight:500}.fleet-panel td{border-top-color:#25435477;color:#bbcedc}.fleet-panel td:first-child{color:#e0eaf1}.region-code{color:#7fb7c9;width:auto;min-width:28px}.fleet-panel tr:hover{background:#163c4d}.fleet-panel tr.selected{background:#1c485955}.mini-meter b{color:#c6dae6}.table-status{padding:3px 7px;border-radius:4px;background:color-mix(in srgb,var(--status-color) 9%,transparent)}.table-footer{color:#90acbd}.net-up{color:#83cee6}.net-down{color:#85dbc4} .node-heading p,.total-detail,.total-number small{color:#92afc2}.node-heading h3{font-weight:600}.node-symbol{border:0;border-radius:6px;background:#194352}.total-tile{background:#102e4077;border-color:#2e4a5c;border-radius:7px}.total-label{color:#aec8d8}.total-number{font-weight:600;letter-spacing:-.5px}.total-tile:before{top:14px;height:25px}.total-transfer{color:#829db1}.total-progress{height:5px;background:#274355}.detail-stats{border-top-color:#294657}.detail-stats span{color:#9ab2c3}.detail-stats strong{color:#d0e2ed}.view-switch{background:#081c2a;border-color:#2b4a5d;border-radius:6px}.view-switch button{color:#93afc1;border-radius:4px}.view-switch button[aria-pressed=true]{background:#225565;color:#a3fff0}.traffic-numbers span,.chart-footer{color:#9ab3c4}.traffic-numbers strong{color:#d1e7f0;font-weight:600}.traffic-chart .chart-axis{fill:#99b3c5}.chart-grid{stroke:#365368;opacity:.55}.chart-line{stroke-width:2}.gauge-label{color:#bad1e0}.gauge-detail{color:#91aebf}.footer{color:#7492a7;letter-spacing:0} @media(min-width:1051px){ .dashboard{padding:0 22px}.topbar{height:78px}.heading h1{font-size:28px}.heading p{font-size:11px;margin-top:6px}.system-line{height:28px;font-size:12px}.kpi-strip{gap:14px;margin-bottom:14px}.kpi{height:98px;min-height:98px;padding:14px 19px;gap:15px}.eyebrow{font-size:14px}.kpi strong{font-size:39px;margin-top:5px}.kpi-detail{font-size:12px;margin-top:6px}.kpi strong small{font-size:14px} .main-grid{grid-template-columns:minmax(280px,1fr) minmax(500px,2.22fr) minmax(330px,1.18fr);height:calc(100dvh - 250px);min-height:650px;gap:14px}.left-column,.center-column,.right-column{gap:14px}.panel-heading{height:46px;margin:0 17px}.panel-heading h2{font-size:16px}.panel-tag{font-size:11px} .health-panel{flex:0 0 46%;min-height:300px}.health-overview{padding:10px 17px;gap:16px}.health-ring{width:80px;height:80px}.health-ring strong{font-size:25px}.health-ring small{font-size:10px}.health-overview p{font-size:14px}.health-overview p small{font-size:12px;margin-top:3px}.status-bars{display:grid;grid-template-columns:1fr 1fr;gap:12px 17px;min-height:0;padding:5px 17px 10px;align-content:center}.status-bar{margin:0}.status-bar>div{font-size:13px;margin-bottom:6px}.status-bar small{font-size:11px}.status-bar>span{height:5px}.cluster-stats{margin:5px 17px 12px;padding:10px 0 0}.cluster-stats strong{font-size:23px}.cluster-stats span{font-size:11px;margin-top:4px}.ping-panel{flex:1;min-height:0}.ping-select-line{padding:10px 16px 8px;font-size:12px}.ping-select-line select{height:30px;font-size:12px}.ping-table-heading{padding-bottom:8px;font-size:12px}.ping-node{padding:10px 4px;font-size:14px;min-height:41px}.ping-node b,.ping-node strong{font-size:13px}.alert-footer{font-size:11px;padding:9px 15px}.alert-footer small{font-size:10px} .map-panel{flex:1.15}.fleet-panel{flex:1}.map-headline{padding:10px 17px 0}.map-headline strong{font-size:29px}.map-headline>div>span{font-size:12px}.ping-summary{gap:20px}.ping-summary strong{font-size:23px}.ping-summary>div>span{font-size:12px}.map-bottom{padding:7px 16px 10px}.map-note{font-size:10px}.legend{font-size:12px}.map-stage{margin:0 12px}.fleet-panel td{font-size:13px;padding-top:10px;padding-bottom:10px}.fleet-panel th{font-size:12px;padding-top:10px;padding-bottom:10px}.table-footer{font-size:11px}.fleet-tools input{width:115px}.fleet-tools input,.fleet-tools select{height:30px;font-size:12px}.table-status{font-size:12px}.mini-meter b{font-size:12px}.region-code{font-size:10px} .detail-panel{flex:1.4}.traffic-panel{flex:1}.node-heading{padding:13px 17px 10px}.node-heading h3{font-size:18px}.node-heading p{font-size:12px}.view-switch button{font-size:12px;padding:6px 8px}.aggregate-grid{gap:10px!important;padding:0 16px 5px!important}.total-tile{padding:11px 12px}.total-label{font-size:13px}.total-number{font-size:34px;margin-top:8px;line-height:1.05}.total-number small{font-size:14px}.total-detail{font-size:11px;margin-top:7px}.total-transfer{font-size:10px}.total-progress{margin-top:9px}.detail-stats{padding:10px 17px 12px;margin-top:3px}.detail-stats span{font-size:11px}.detail-stats strong{font-size:14px;margin-top:5px}.traffic-numbers{padding:12px 17px 3px;gap:30px}.traffic-numbers span{font-size:12px}.traffic-numbers strong{font-size:29px;margin-top:5px}.traffic-chart{min-height:90px;padding:7px 13px 0}.chart-footer{font-size:11px;padding-bottom:12px}.footer{height:32px;font-size:10px} } @media(min-width:1051px) and (max-width:1450px){.dashboard{padding:0 14px}.main-grid{grid-template-columns:minmax(250px,1fr) minmax(430px,1.9fr) minmax(300px,1.12fr);gap:12px}.heading h1{font-size:24px}.heading-wing{display:none}.panel-heading{margin:0 13px}.panel-heading h2{font-size:14px}.panel-tag{font-size:10px}.view-switch button{font-size:11px;padding:5px 6px}.total-number{font-size:29px}.total-label{font-size:12px}.total-detail{font-size:10px}.fleet-tools input{width:90px}.fleet-tools select{width:85px}.fleet-tools input,.fleet-tools select{font-size:11px}.health-overview{gap:10px}.health-overview p{font-size:12px}.health-overview p small{font-size:11px}.ping-node{font-size:12px}.ping-node b,.ping-node strong{font-size:12px}.ping-summary strong{font-size:20px}.ping-summary>div>span{font-size:10px}.map-note{display:none}.detail-stats strong{font-size:13px}} @media(min-width:1800px) and (min-height:1000px){.main-grid{min-height:740px}.health-panel{flex-basis:43%}.health-ring{width:94px;height:94px}.health-overview{padding-top:15px;padding-bottom:15px}.status-bars{gap:17px 20px}.ping-node{min-height:46px}.total-number{font-size:40px}.total-detail{font-size:12px}.total-label{font-size:14px}.total-tile{padding:15px}.fleet-panel td{padding-top:12px;padding-bottom:12px;font-size:14px}.chart-footer{font-size:12px}.traffic-numbers strong{font-size:32px}} @media(max-width:1050px){.panel,.kpi{border-radius:7px}.panel-heading h2{font-size:15px}.kpi-detail{color:#99b3c5}.total-detail{color:#9ab5c7}.cluster-stats span{font-size:11px}.map-note{font-size:9px}.health-overview p small{font-size:12px}.table-footer{font-size:10px}.ping-table-heading{font-size:12px}} @media(max-width:700px){.topbar{padding-bottom:8px}.heading h1{font-size:19px}.heading p{font-size:10px;letter-spacing:.4px}.kpi strong{font-size:31px}.kpi-detail{font-size:11px}.health-panel{height:365px}.status-bars{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-height:0;padding:12px 17px}.status-bar{margin:0}.status-bar>div{font-size:12px}.cluster-stats{margin-top:auto}.cluster-stats strong{font-size:22px}.ping-panel{height:390px;min-height:390px}.map-panel{height:380px;min-height:380px}.detail-panel{height:450px}.total-detail{font-size:11px}.total-number{font-size:32px}.total-label{font-size:13px}.map-headline>div>span{font-size:11px}.ping-summary strong{font-size:17px}.map-note{display:none}.chart-footer{font-size:11px}.traffic-numbers strong{font-size:26px}.footer{font-size:9px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}} @media(min-width:1051px){.detail-panel{flex:1.85}.traffic-panel{flex:1}.map-panel{flex:1.3}.total-tile{justify-content:center}.total-transfer{font-size:9px;margin-top:5px}.total-number{margin-top:6px}.total-detail{margin-top:5px}.total-progress{margin-top:6px}} .total-transfer{display:none}.total-tile:last-child .total-detail{margin-top:8px} :root{--bg:#030b17;--line:#14566d;--cyan:#48eaff;--mint:#38f1c4;--text:#e5f8ff} body{background:#030b17}.ambient{background:radial-gradient(ellipse at 50% 0,#07435f88,transparent 65%),linear-gradient(#18718d0b 1px,transparent 1px),linear-gradient(90deg,#18718d0b 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.ambient:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 20%,#30eaff99 0 1px,transparent 2px),radial-gradient(circle at 76% 65%,#4b9dff99 0 1px,transparent 2px),radial-gradient(circle at 40% 40%,#30eaff55 0 1px,transparent 2px);background-size:190px 230px,277px 193px,311px 277px;opacity:.3;animation:particle-drift 45s linear infinite} .topbar{border-bottom:1px solid #2784a477;background:linear-gradient(90deg,transparent,#0e4d6744,transparent)}.topbar:after{content:"";position:absolute;height:2px;bottom:-1px;left:29%;right:29%;background:linear-gradient(90deg,transparent,#43dfff,transparent);box-shadow:0 0 18px #30dbff99}.heading h1{color:#e3fbff;letter-spacing:2px;text-shadow:0 0 18px #48dfff66}.heading p{color:#78c2d5;letter-spacing:3px}.heading-wing{display:block;width:85px;height:20px;opacity:.9;border-color:#28b3d2;clip-path:polygon(0 0,83% 0,100% 100%,17% 100%);background:repeating-linear-gradient(90deg,#3bcfee66 0 3px,transparent 3px 8px);border-bottom:0}.heading-wing:after{display:none}.brand-mark{border-radius:2px;transform:skewY(-5deg);background:#103747;border-color:#36c4d2;box-shadow:0 0 20px #1bc2bf33,inset 0 0 15px #39fff017;color:#53ffe0}.brand>div{color:#d6f8ff}.brand>div>span{color:#62b6ca}.clock strong{color:#9eeaff;text-shadow:0 0 12px #30cfff44}.icon-button{background:#0b283b;border-color:#28647e;color:#a4e5f1}.system-line{color:#77b8ca} .panel,.kpi{border-radius:2px;border:1px solid #235168;background:linear-gradient(135deg,#092438f2,#061426f5);box-shadow:inset 0 1px 0 #4edbff12,0 0 18px #008db00c}.panel:before,.panel:after{display:block;width:20px;height:12px;opacity:1;z-index:3}.panel:before{border-top:2px solid #35d2eb;border-left:2px solid #35d2eb;filter:drop-shadow(0 0 4px #35d2eb55)}.panel:after{border-bottom:2px solid #288ab4;border-right:2px solid #288ab4}.panel-heading{border-bottom:1px solid #21718b55;position:relative}.panel-heading:after{content:"";position:absolute;bottom:-1px;left:0;width:38px;height:2px;background:#30c9e4;box-shadow:0 0 8px #30c9e466}.panel-heading h2{color:#d8f7ff;letter-spacing:.5px}.panel-heading h2>span{color:#3bbed6}.panel-tag{color:#5da9c1}.kpi{background:linear-gradient(110deg,#0c3246ee,#081a2dee)}.kpi:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#64e3ff0b 45%,transparent 65%);transform:translateX(-100%);animation:card-sheen 13s ease-in-out infinite;pointer-events:none}.kpi:nth-child(2):before{animation-delay:2s}.kpi:nth-child(3):before{animation-delay:4s}.kpi:nth-child(4):before{animation-delay:6s}.kpi:after{height:42px;background:#43e7f7;box-shadow:0 0 12px #32dff788}.kpi-icon{color:#43dff3;text-shadow:0 0 20px #30d8ef44;opacity:1}.kpi strong{color:#ddfaff;text-shadow:0 0 18px #40ceff44}.kpi strong small{color:#81bbcf}.kpi-detail{color:#79b2c6}.eyebrow{color:#aedbe7}.kpi-spark{opacity:.85}.kpi-spark svg{filter:drop-shadow(0 0 4px #35eaff77)} .health-ring circle{filter:drop-shadow(0 0 3px #20d9bd44)}.health-ring strong{color:#58ffe0;text-shadow:0 0 10px #30dcbb44}.health-ring .ring-track{stroke:#163e51;filter:none}.status-bar>span{background:#15374b}.status-bar>span>span{box-shadow:0 0 8px var(--bar-color)}.cluster-stats strong{text-shadow:0 0 10px #70dcff33}.cluster-stats{border-color:#255367}.cluster-stats>div+div{border-color:#255367}.ping-node{border-bottom-color:#16465d88}.ping-node:hover,.ping-node.selected{border-radius:0;background:linear-gradient(90deg,#1b6b8055,#1b6b8005)}.ping-node b{color:#95e4f5}.alert-footer{border-color:#1f5367}.ping-node strong{filter:drop-shadow(0 0 4px #ffffff11)} .map-panel{background:radial-gradient(ellipse at 50% 60%,#0c395366,transparent 65%),linear-gradient(135deg,#08293de8,#051323fa)}.map-stage{isolation:isolate}.hud-orbit{position:absolute;z-index:-1;width:min(75%,420px);height:auto;aspect-ratio:1;border-radius:50%;border:1px solid #2580a72b;box-shadow:0 0 70px #008ac411,inset 0 0 60px #00c6f00a;pointer-events:none}.hud-orbit:before{content:"";position:absolute;inset:10%;border-radius:50%;border:1px dashed #31a8c044;animation:orbit-spin 90s linear infinite}.hud-orbit:after{content:"";position:absolute;inset:-5%;border:2px solid transparent;border-top-color:#43cde866;border-bottom-color:#266ca544;border-radius:50%;animation:orbit-spin 35s linear infinite}.hud-scan{position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(transparent,#39d5f508,transparent);height:45%;animation:map-scan 10s linear infinite;border-bottom:1px solid #35e9ff20}.hud-crosshair{position:absolute;inset:15px;pointer-events:none;background:linear-gradient(#2f8dba77,#2f8dba77) left top/24px 1px no-repeat,linear-gradient(#2f8dba77,#2f8dba77) left top/1px 24px no-repeat,linear-gradient(#2f8dba77,#2f8dba77) right bottom/24px 1px no-repeat,linear-gradient(#2f8dba77,#2f8dba77) right bottom/1px 24px no-repeat}.country{fill:#0b2f46;stroke:#246682;stroke-width:.85}.country.active{fill:#0d5264;stroke:#3dc1cd}.country.selected{fill:#186775;stroke:#64f1db}.map-grid{opacity:.35;stroke:#215b78}.route{stroke:#28b7d4;stroke-width:1.2;opacity:.45}.route-flow{stroke:#72ffe5;stroke-width:2;stroke-dasharray:5 140;opacity:.9;filter:drop-shadow(0 0 3px #38efcb);animation-duration:7s}.map-marker .node-core{filter:drop-shadow(0 0 4px var(--node-color));stroke:#cefff2;stroke-width:1}.map-marker .node-halo{opacity:.15}.map-marker .marker-label{fill:#c8eff9;stroke:#05182a;stroke-width:4px}.map-marker .pulse-ring{stroke-width:1.3}.ping-summary strong{color:#6fe9ff;text-shadow:0 0 12px #1bceff55}.map-headline strong{color:#c9f9ff}.map-stage #worldMap{position:relative;z-index:1}.map-note{color:#689bad}.legend{color:#92c5d7} .fleet-panel th{background:#0b2c42;color:#77bace}.fleet-panel td{border-top-color:#163e5688}.fleet-panel tr.selected{background:linear-gradient(90deg,#15647c55,#14485f33);box-shadow:inset 2px 0 #43eaff}.fleet-panel tr:hover{background:#124057}.table-status{border:1px solid color-mix(in srgb,var(--status-color) 25%,transparent);border-radius:2px;text-shadow:0 0 6px color-mix(in srgb,var(--status-color) 20%,transparent)}.region-flag{display:inline-block;width:22px;height:15px;object-fit:cover;vertical-align:-2px;margin-right:9px;border-radius:2px;box-shadow:0 0 0 1px #b5dbeb2b}.region-unknown{display:inline-grid;place-items:center;width:22px;height:15px;font-size:12px;margin-right:9px;color:#7ea5bc}.table-footer{border-color:#1e4b62;color:#6fa7bb}input,select{background:#09293c;border-color:#285e76;color:#b1dfea;border-radius:2px} .total-tile{border-radius:2px;border-color:#24576d;background:linear-gradient(125deg,#10364c99,#0a213888)}.total-tile:before{height:34px;top:13px;box-shadow:0 0 9px var(--tile-color)}.total-number{color:#cff7ff;text-shadow:0 0 13px #38bdff33}.total-tile:last-child .total-number{color:#bbcaff;text-shadow:0 0 14px #7b91ff44}.total-progress{background:#193e55;border-radius:0}.total-progress i{border-radius:0;box-shadow:0 0 10px var(--tile-color)}.total-label{color:#90c5d8}.total-detail{color:#7eacc4}.detail-stats{border-color:#205269}.detail-stats strong{color:#b3e1ef}.view-switch{border-radius:2px;background:#071c2c;border-color:#286276}.view-switch button{border-radius:1px}.view-switch button[aria-pressed=true]{background:#104c60;box-shadow:inset 0 0 10px #2fc8d233;color:#80ffeb}.node-symbol{background:#144459;border-radius:2px;border:1px solid #27788e66}.node-heading h3{color:#d6f6ff}.traffic-numbers strong{color:#a8f0ff;text-shadow:0 0 14px #24ceff33}.chart-line{filter:drop-shadow(0 0 2px #38d9e044)}.chart-grid{stroke:#245a78}.chart-axis{fill:#7db9cd!important}.chart-footer{color:#75a9c1}.gauge .arc{filter:drop-shadow(0 0 3px #54ccef33)}.footer{color:#4f97b1} @keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes map-scan{0%{transform:translateY(-110%)}100%{transform:translateY(330%)}}@keyframes particle-drift{to{transform:translateY(-230px)}}@keyframes card-sheen{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}} @media(min-width:1051px){.map-panel{flex:1.5}.fleet-panel{flex:1}.map-stage{margin:0 9px}.map-marker .marker-label{font-size:17px}.heading h1{font-size:30px}.panel-heading h2{font-size:16px}.kpi strong{font-size:41px}} @media(min-width:1051px) and (max-width:1450px){.heading-wing{width:25px}.heading h1{font-size:24px}.brand>div{font-size:12px}.panel-heading h2{font-size:14px}.kpi strong{font-size:35px}} @media(max-width:700px){.heading-wing{display:none}.heading h1{font-size:18px;letter-spacing:0}.heading p{letter-spacing:.3px}.hud-orbit{width:90%}.map-panel{height:410px;min-height:410px}.region-flag{width:20px;height:14px;margin-right:7px}.kpi strong{font-size:32px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hud-scan,.ambient:after{display:none}} html{scrollbar-gutter:stable}body{overflow-x:hidden}.dashboard{width:100%}.clock{width:156px;flex-shrink:0}.clock strong{display:block;min-height:27px;line-height:27px}.clock span{height:15px;white-space:nowrap}.system-line>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-line>span:last-child{flex-shrink:0;max-width:45%;text-align:right}.heading h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65vw}.heading p{height:16px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi>div:not(.kpi-spark){min-width:0;flex:1}.kpi strong{display:block;height:44px;line-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.kpi-detail{height:17px;line-height:17px;overflow:hidden;text-overflow:ellipsis}.kpi-icon{flex-shrink:0}.kpi-spark{pointer-events:none}.kpi-strip .kpi{padding-top:10px;padding-bottom:10px}.table-scroll,.ping-list{scrollbar-gutter:stable}.fleet-panel table{table-layout:fixed}.fleet-panel th:nth-child(1){width:25%}.fleet-panel th:nth-child(2),.fleet-panel th:nth-child(3){width:10%}.fleet-panel th:nth-child(4){width:22%}.fleet-panel th:nth-child(5){width:12%}.fleet-panel th:nth-child(6){width:10%}.fleet-panel th:nth-child(7){width:11%}.fleet-panel td{height:38px;line-height:18px;overflow:hidden;text-overflow:ellipsis}.fleet-panel th{height:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fleet-panel td:first-child{max-width:none}.mini-meter b{min-width:0;flex-shrink:0}.region-flag{width:22px;height:15px;min-width:22px;vertical-align:-2px}.table-status{display:inline-block;line-height:18px;max-width:100%;white-space:nowrap}.table-footer{height:34px;flex-shrink:0;align-items:center;padding-top:0;padding-bottom:0;white-space:nowrap;overflow:hidden}.table-footer>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.table-footer>span:first-child{flex-shrink:0}.ping-node{height:41px;min-height:41px}.ping-node>span{display:block;min-width:0}.ping-node b,.ping-node strong{white-space:nowrap}.health-overview{flex-shrink:0}.health-overview p{min-width:0;flex:1}.health-overview p>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-overview p small{height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-bars{overflow:hidden}.cluster-stats{flex-shrink:0}.cluster-stats strong{height:30px;line-height:30px;white-space:nowrap}.node-heading h3{height:24px;line-height:24px}.node-heading p{height:17px;line-height:17px}.total-label{height:18px;line-height:18px;flex-shrink:0}.total-number{height:40px;line-height:40px;flex-shrink:0}.total-detail{height:17px;line-height:17px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.detail-stats>div{min-width:0}.detail-stats span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-stats strong{height:19px;line-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.traffic-numbers>div{width:46%;min-width:0}.traffic-numbers strong{height:35px;line-height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.traffic-chart{overflow:hidden}.traffic-chart svg{display:block;position:absolute;left:10px;top:8px;width:calc(100% - 20px);height:calc(100% - 8px)}.chart-footer{height:29px;min-height:29px;flex-shrink:0;align-items:center;padding-top:0;padding-bottom:0;white-space:nowrap;overflow:hidden}.chart-footer>span{overflow:hidden;text-overflow:ellipsis;min-width:0}.chart-footer>span:last-child{flex-shrink:0}.is-background *,.is-background *:before,.is-background *:after{animation-play-state:paused!important}.notice{contain:layout paint} @media(min-width:1051px){.main-grid{grid-template-rows:minmax(0,1fr)}.health-panel,.ping-panel,.map-panel,.fleet-panel,.detail-panel,.traffic-panel{flex-shrink:0}.health-panel{height:46%;flex:0 0 46%}.ping-panel{height:calc(54% - 14px);flex:0 0 calc(54% - 14px)}.map-panel{height:60%;flex:0 0 60%}.fleet-panel{height:calc(40% - 14px);flex:0 0 calc(40% - 14px)}.detail-panel{height:65%;flex:0 0 65%}.traffic-panel{height:calc(35% - 14px);flex:0 0 calc(35% - 14px)}.health-overview{height:100px}.status-bars{grid-template-rows:repeat(2,minmax(0,1fr));min-height:65px}.status-bar{min-height:25px}.total-tile{justify-content:center;padding-top:6px;padding-bottom:6px}.total-number{font-size:34px;margin-top:4px}.total-detail{margin-top:4px}.total-progress{margin-top:5px}.total-tile:last-child .total-detail{margin-top:4px}.node-heading{height:68px}.aggregate-grid{min-height:0!important}.detail-stats{height:59px;min-height:59px}.traffic-numbers{height:78px;min-height:78px;flex-shrink:0}.node-pagination{height:41px;min-height:41px;flex-shrink:0}.map-headline{height:58px;min-height:58px;flex-shrink:0}.map-bottom{height:34px;min-height:34px;flex-shrink:0}.ping-select-line{height:49px;flex-shrink:0}.ping-table-heading{height:30px;flex-shrink:0}.alert-footer{height:34px;min-height:34px;flex-shrink:0}.view-switch{min-width:123px;justify-content:center}} @media(min-width:1051px) and (max-width:1450px){.clock{width:132px}.heading h1{max-width:49vw}.total-number{font-size:29px}.fleet-panel td,.fleet-panel th{padding-left:7px;padding-right:7px}.fleet-panel td{font-size:12px}.table-status{padding-left:4px;padding-right:4px}.view-switch{min-width:110px}} @media(max-width:700px){.clock{width:auto}.heading h1{max-width:82vw}.heading p{max-width:82vw}.kpi strong{height:39px;line-height:39px}.system-line>span:last-child{display:none}.total-number{height:36px;line-height:36px}.node-heading h3{height:25px}.detail-stats{height:60px;min-height:60px}.traffic-numbers{height:85px;min-height:85px;flex-shrink:0}.fleet-panel td{padding-top:7px;padding-bottom:7px}.table-footer{height:35px}.ping-node{height:44px;min-height:44px}} .hud-scan,.kpi:before{display:none!important;animation:none!important} .heading-wing{display:none!important}.traffic-numbers{gap:12px}.traffic-chart{min-height:0!important}.chart-footer{position:relative;z-index:1}.fleet-panel td{padding-top:6px;padding-bottom:6px}.table-status{line-height:16px;padding-top:2px;padding-bottom:2px} @media(min-width:1051px){.detail-panel{height:60%;flex-basis:60%}.traffic-panel{height:calc(40% - 14px);flex-basis:calc(40% - 14px)}.traffic-numbers{height:70px;min-height:70px}.total-number{height:36px;line-height:36px}.total-label{font-size:12px}.total-tile{padding:5px 10px}.total-detail{font-size:10px}.total-progress{margin-top:4px}}