:root{font-family:Bahnschrift,Microsoft YaHei UI,PingFang SC,sans-serif;font-synthesis:none;font-weight:400;color-scheme:dark;color:#edf5ff;background:#081422;--bg: #0c1026;--surface: #161b38;--raised: #1e2548;--border: #313a68;--text: #eef2ff;--muted: #9aa6d0;--cyan: #6ae7ff;--teal: #3ee0a2;--coral: #ff6d8f;--violet: #8b7cff;--amber: #f0a35e;--pink: #ff7ab6;--gap: clamp(10px, .8vw, 30px);--font: clamp(14px, 1vw, 36px);font-size:var(--font);line-height:1.45}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button{border:0}button:disabled{cursor:default}button:disabled:not(.matrix-cell){opacity:.6}button:not(:disabled):active{background:#23485f}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35}h2{font-size:1.12rem;font-weight:650}h3{font-size:1rem;font-weight:600}.cyan{color:var(--cyan)}.teal,.success{color:var(--teal)}.coral,.failure,.error{color:var(--coral)}.not_connected,.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-80px;left:20px;z-index:10;padding:10px 20px;background:var(--cyan);color:var(--bg)}.skip-link:focus{top:10px}.dashboard{width:100%;min-height:100vh;padding:clamp(12px,1.25vw,48px);display:flex;flex-direction:column;gap:var(--gap)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0}.brand{display:flex;align-items:center;gap:.7rem;min-width:0}.brand-symbol{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--cyan);border:1px solid #37657f;border-radius:8px;background:var(--surface)}.brand-symbol svg{width:1.6rem;height:1.6rem}.brand h1{font-size:1.65rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:.6rem}.connection-badge{display:inline-flex;gap:.5rem;align-items:center;margin-right:.3rem;color:var(--muted);font-size:.78rem;white-space:nowrap}.connection-badge .status-dot{background:var(--teal)}.connection-badge.delayed{color:var(--coral)}.connection-badge.delayed .status-dot{background:var(--coral)}.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.2rem;padding:.35rem .65rem;background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:5px;font-size:.8rem;white-space:nowrap}.quiet-button svg{width:1rem;height:1rem}.quiet-button:hover:not(:disabled){color:var(--text);border-color:var(--cyan)}.live-clock{display:flex;flex-direction:column;align-items:flex-end;margin-left:1rem;font-variant-numeric:tabular-nums;line-height:1.15}.live-clock strong{font-size:1.5rem;font-weight:600;letter-spacing:.05em}.live-clock>span{font-size:.66rem;color:var(--muted);margin-top:.25rem}.live-clock small{font:inherit;margin-left:.4rem}.summary-bar{display:grid;grid-template-columns:1fr 1.15fr 1fr .85fr 1.3fr;min-height:5.3rem;background:var(--surface);border:1px solid var(--border);border-radius:7px;flex-shrink:0}.summary-item{display:flex;flex-direction:column;justify-content:center;padding:.45rem 1.3rem;position:relative}.summary-item+.summary-item:before{content:"";position:absolute;top:22%;bottom:22%;left:0;width:1px;background:var(--border)}.summary-item>span{font-size:.85rem;color:var(--muted)}.summary-item strong{font-size:2.3rem;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums}.summary-item small{font-size:1rem;font-weight:400;color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.95fr);gap:var(--gap);flex:1;min-height:0}.data-sidebar,.data-workspace{display:flex;flex-direction:column;gap:var(--gap);min-width:0;min-height:0}.panel{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:.8rem}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem}.panel-meta{color:var(--muted);font-size:.7rem;white-space:nowrap}.health-panel{flex-shrink:0}.health-status{display:flex;align-items:center;gap:.6rem}.health-status strong{font-size:1.5rem;font-weight:650;white-space:nowrap}.health-symbol{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid currentColor;border-radius:50%}.health-symbol svg{width:1.3rem;height:1.3rem}.health-status.success .health-symbol{background:var(--teal);color:var(--bg);border-color:var(--teal)}.health-status.failure .health-symbol{background:var(--coral);color:var(--bg);border-color:var(--coral)}.http-status{color:var(--muted);font-size:.7rem;margin-left:auto;white-space:nowrap}.health-source{display:flex;justify-content:space-between;gap:.4rem;margin-top:.7rem;font-size:.68rem;color:var(--muted)}.business-panel{flex-shrink:0}.business-columns,.business-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:.5rem}.business-columns{color:var(--muted);font-size:.8rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.business-columns>span:not(:first-child){text-align:right}.business-row{padding:.65rem 0;border-bottom:1px solid var(--border)}.business-row h3{font-size:1.05rem}.business-number{text-align:right;color:var(--cyan)}.business-number strong{font-size:1.9rem;font-weight:600;line-height:1.15;font-variant-numeric:tabular-nums}.business-number strong.no-data{font-size:.9rem;font-weight:400;color:var(--muted)}.business-number.error strong{color:var(--coral)}.business-number small{display:block;color:var(--coral);font-size:.65rem}.map-panel,.node-map{display:flex;flex-direction:column;flex:1;min-height:0}.world-map{width:100%;min-height:0;flex:1 1 0;max-height:230px}.continents{fill:#1c3952;stroke:#436580;stroke-width:.8}.map-lines path{stroke:var(--teal);stroke-width:1.5;fill:none;opacity:.65;stroke-dasharray:5 4}.map-node circle{fill:#829db5;stroke:var(--bg);stroke-width:1.5}.map-node.online circle{fill:var(--teal)}.map-node .node-halo{fill:none;stroke:var(--teal);stroke-width:1;opacity:.4}.map-node text{fill:var(--text);font-size:16px}.map-target circle{fill:var(--surface);stroke:var(--cyan);stroke-width:1.5}.map-target circle+circle{fill:var(--cyan)}.map-target text{fill:var(--cyan);font-size:16px}.map-note{fill:var(--muted);font-size:12px}.node-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin-top:.5rem;flex-shrink:0}.node-chip{display:flex;align-items:center;gap:.35rem;padding:.35rem .4rem;border:1px solid var(--border);border-radius:3px;color:var(--muted);font-size:.75rem}.node-chip small{display:block;font-size:.6rem}.node-chip.online{border-color:#357b68;color:var(--text);background:#16352f}.node-chip.online small{color:var(--teal)}.status-dot{display:inline-block;width:.4rem;height:.4rem;min-width:6px;min-height:6px;border-radius:50%;background:#829db5}.status-dot.online{background:var(--teal)}.status-dot.failure{background:var(--coral)}.matrix-panel{display:flex;flex-direction:column;min-height:0;padding:.65rem}.matrix-heading{margin-bottom:.4rem}.heading-group{display:flex;align-items:baseline;gap:.8rem}.segmented{display:flex;flex-shrink:0;background:var(--raised);border:1px solid var(--border);border-radius:4px;overflow:hidden}.segmented button{padding:.3rem .6rem;min-height:1.8rem;font-size:.7rem;background:transparent;color:var(--muted)}.segmented button.active{background:#214961;color:var(--cyan);box-shadow:inset 0 -2px var(--cyan)}.table-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-color:#4c6c84 var(--surface);border:1px solid var(--border);border-radius:4px;min-height:0}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.matrix-table{table-layout:fixed;min-width:850px}.matrix-table thead{position:sticky;top:0;z-index:2}.matrix-table th,.matrix-table td{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.matrix-table th:last-child,.matrix-table td:last-child{border-right:0}.matrix-table tr:last-child td,.matrix-table tbody tr:last-child th{border-bottom:0}.matrix-table thead th{padding:.35rem .25rem;font-size:.85rem;font-weight:500;line-height:1.35;background:var(--raised);color:var(--muted);white-space:nowrap}.matrix-table td{padding:0}.matrix-table th:first-child{width:12%;min-width:100px;text-align:left;padding-left:.65rem}.matrix-table tbody th{padding-top:.1rem;padding-bottom:.1rem;line-height:1.2;font-size:.95rem;font-weight:500;white-space:nowrap}.matrix-table tbody th .status-dot{margin-right:.35rem}.matrix-table .health-column{background:#153049}.matrix-table thead .health-column{color:var(--cyan)}.matrix-cell{width:100%;min-height:1.72rem;display:flex;justify-content:center;align-items:center;gap:.3rem;padding:.15rem .1rem;font-size:1.03rem;font-weight:600;line-height:1.2;color:inherit;background:transparent;white-space:nowrap}.matrix-cell:focus-visible{outline-offset:-3px}.matrix-cell:hover:not(:disabled){background:#24415a}.matrix-table .success .matrix-cell{color:var(--cyan)}.matrix-table .not_connected .matrix-cell{font-size:.9rem;color:#829db5;font-weight:400}.matrix-footer{display:flex;justify-content:space-between;gap:.4rem;margin-top:.35rem;color:var(--muted);font-size:.66rem;flex-shrink:0}.compact-legend{display:flex;align-items:center;gap:.7rem}.compact-legend>span{display:flex;align-items:center;gap:.3rem;white-space:nowrap}.trends-section{display:flex;flex-direction:column;min-height:0;flex:1}.trends-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.5rem}.trends-toolbar h2{font-size:1rem}.chart-controls{display:flex;gap:.4rem}select{min-height:1.8rem;padding:.25rem 1.35rem .25rem .5rem;max-width:100%;background:var(--raised);color:var(--muted);border:1px solid var(--border);border-radius:4px;font-size:.72rem}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);flex:1;min-height:0}.trend-panel{display:flex;flex-direction:column;min-height:0}.trend-panel .panel-heading{flex-shrink:0}.trend-panel h3{font-size:1rem}.trend-content{display:flex;flex-direction:column;flex:1;min-height:0}.chart-legend{display:flex;flex-wrap:wrap;gap:.25rem .6rem;color:var(--muted);font-size:.68rem;min-height:1rem;flex-shrink:0}.chart-legend>span{display:inline-flex;align-items:center;gap:.3rem}.chart-legend i{width:.4rem;height:.4rem;border-radius:50%}.chart-area{position:relative;flex:1;min-height:180px}.chart-area>svg{display:block;width:100%;height:100%}.chart-grid{stroke:var(--border);stroke-width:.8;stroke-dasharray:3 3}.chart-grid.vertical{opacity:.5}.axis-text{fill:var(--muted);font-family:inherit}.chart-empty{position:absolute;inset:12% 7% 24% 16%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center;background:#102237e8}.chart-empty strong{font-size:.95rem;color:var(--muted);font-weight:500}.chart-empty span{font-size:.7rem;color:var(--muted)}.chart-footnote{display:flex;justify-content:space-between;gap:.4rem;font-size:.63rem;color:var(--muted);margin-top:.3rem;flex-shrink:0}.regional-comparison{display:flex;flex:1;gap:.5rem;min-height:150px;padding:.8rem .5rem .4rem}.regional-column{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.regional-bar{display:flex;align-items:flex-end;justify-content:center;width:100%;flex:1;min-height:0;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--border) 25%)}.regional-fill{position:relative;width:min(55%,5rem);min-height:1px;background:#58b5db;border-top:2px solid var(--cyan)}.regional-column:nth-child(2n) .regional-fill{background:#4aaf89;border-top-color:var(--teal)}.regional-fill strong{position:absolute;bottom:calc(100% + .25rem);left:50%;transform:translate(-50%);color:var(--text);font-size:1.1rem;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.regional-column>span{font-size:.8rem;color:var(--muted);margin-top:.45rem;text-align:center}.regional-failure{color:var(--coral);align-self:center;font-size:1rem}.comparison-empty{align-self:center;width:100%;text-align:center;color:var(--muted);font-size:.95rem}.history-error,.history-limit{margin-bottom:.3rem;font-size:.65rem;color:var(--coral)}.history-limit{margin-top:.3rem;color:var(--muted)}.dashboard-footer{display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-size:.65rem;color:var(--muted);flex-shrink:0}.notice{display:flex;align-items:center;gap:.5rem;padding:.6rem;border:1px solid #754650;color:var(--coral);background:#281d2a;border-radius:5px;font-size:.8rem}.notice>span{flex:1}.text-button{padding:.25rem;background:transparent;color:inherit}.inline-error{margin-top:.4rem;color:var(--coral);font-size:.7rem}.empty-table{height:160px;text-align:center;color:var(--muted);font-size:1rem}.result-dialog{width:min(600px,calc(100% - 32px));color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px;max-height:calc(100vh - 48px);font-size:16px}.result-dialog::backdrop{background:#030913c9}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.dialog-heading h2{font-size:22px}.result-dialog .quiet-button{font-size:14px;min-height:40px}.detail-title{color:var(--cyan);margin-bottom:14px}.detail-values{margin:0}.detail-values>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.detail-values dt{color:var(--muted)}.detail-values dd{margin:0;overflow-wrap:anywhere}.spinning{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1200px)and (min-height:640px){.dashboard{height:100vh}.content-grid{grid-template-rows:minmax(0,1fr)}.matrix-panel{flex:0 1 auto}.matrix-scroll{flex:1}.chart-area,.regional-comparison{min-height:80px}.world-map{max-height:none}}@media(min-width:1200px)and (max-height:850px){:root{--font: clamp(14px, .94vw, 18px);--gap: 10px}.dashboard{padding:12px 16px}.brand h1{font-size:1.4rem}.summary-bar{min-height:4.4rem}.summary-item strong{font-size:1.85rem}.panel{padding:.65rem}.panel-heading{margin-bottom:.4rem}.health-status strong{font-size:1.25rem}.health-source{font-size:.65rem}.business-row{padding:.4rem 0}.node-chips{gap:.25rem}.node-chip{padding:.2rem;font-size:.7rem}.node-chip small{font-size:.58rem}.matrix-cell{min-height:1.65rem;font-size:.95rem}.matrix-table thead th{font-size:.75rem;padding:.4rem .15rem}.matrix-table tbody th{font-size:.83rem}.heading-group{gap:.5rem}.heading-group .panel-meta{font-size:.65rem}.matrix-footer{font-size:.6rem}}@media(max-width:1199px),(max-height:639px){.content-grid{grid-template-columns:minmax(0,1fr) minmax(0,2.3fr)}.data-sidebar{gap:12px}.http-status{display:none}.health-source{flex-direction:column}.heading-group{flex-direction:column;gap:.2rem}.matrix-heading{align-items:flex-start}.matrix-footer{flex-direction:column;gap:.3rem}.charts-grid{grid-template-columns:1fr}.chart-area{min-height:220px}.world-map{flex:none;height:140px}.node-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){:root{--font: 15px;--gap: 12px}.topbar{flex-wrap:wrap;gap:12px}.brand h1{font-size:1.35rem}.header-actions{width:100%;flex-wrap:wrap}.connection-badge{margin-right:auto;font-size:.72rem}.live-clock{margin-left:.4rem}.live-clock strong{font-size:1.15rem}.quiet-button{min-height:40px}.summary-bar{grid-template-columns:1fr 1fr}.summary-item{padding:.6rem .9rem;border-bottom:1px solid var(--border)}.summary-item:nth-child(odd):before{display:none}.summary-item:last-child{grid-column:1 / -1;border-bottom:0;flex-direction:row;align-items:center;justify-content:space-between}.summary-item strong{font-size:1.8rem}.content-grid{display:flex;flex-direction:column}.data-workspace{order:-1}.matrix-table th:first-child{position:sticky;left:0;z-index:1;width:120px;background:var(--surface)}.matrix-table thead th:first-child{background:var(--raised);z-index:3}.trends-toolbar{flex-wrap:wrap}select,.segmented button{min-height:40px}.node-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.health-source{flex-direction:row}.http-status{display:inline}.world-map{height:180px}.dashboard-footer{flex-direction:column;align-items:flex-start}.detail-values>div{grid-template-columns:80px minmax(0,1fr);font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}:root{--font:clamp(14px,.95vw,18px);--gap:12px}.dashboard{padding:16px 20px}.content-grid{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}.data-workspace{gap:10px}.map-panel{flex:1}.world-map{max-height:none;width:100%;height:100%;min-height:280px}.map-node text{font-size:17px}.matrix-table{min-width:640px}.matrix-table th:first-child{width:19%}.matrix-table small{display:block;font-size:12px;font-weight:400;color:var(--muted)}.matrix-cell{flex-direction:column;min-height:46px;gap:2px}.matrix-cell small{font-size:11px}.matrix-table .aging .matrix-cell,.matrix-table .offline .matrix-cell{color:var(--muted)}.charts-grid{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.chart-controls{align-items:center}.chart-controls label{font-size:12px;color:var(--muted)}.chart-area{min-height:120px}.chart-tooltip{position:absolute;left:14%;right:3%;top:4%;padding:8px 10px;color:var(--text);background:#07121af2;border:1px solid var(--cyan);border-radius:4px;font-size:12px;z-index:3;max-width:420px}.chart-tooltip button{color:var(--cyan);background:transparent;margin-left:8px;padding:4px}.chart-area svg [role=button]:focus{outline:2px solid var(--cyan)}.network-panel{display:flex;flex-direction:column;min-height:0}.network-list{overflow:auto;flex:1;min-height:0}.network-target{padding:6px 0;border-bottom:1px solid var(--border)}.network-target>strong{font-size:12px;font-weight:500}.network-regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:4px}.network-regions>span{display:flex;flex-direction:column;font-size:11px}.network-regions b{font-size:13px;font-weight:500}.network-regions small{font-size:10px}.alerts-link{text-align:left;font-size:12px;color:var(--cyan);margin-top:5px}.reports-page{max-width:1600px;margin:auto;padding:24px;display:flex;flex-direction:column;gap:18px;font-size:14px}.reports-page h1{font-size:28px}.reports-page .muted{font-size:13px}.report-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:16px 0}.report-controls label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:13px}input{font:inherit;color:var(--text);background:var(--raised);border:1px solid var(--border);border-radius:4px;padding:8px}.report-controls select{min-height:38px;font-size:13px}.report-controls .checkbox-label{flex-direction:row;align-items:center;min-height:38px}.preset-buttons,.report-downloads,.report-tabs,.pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.report-downloads{font-size:13px}.report-tabs{margin:16px 0}.report-tabs [aria-pressed=true],.primary-button{color:var(--cyan);border-color:var(--cyan)}.report-table{min-width:800px;font-size:13px}.report-table th,.report-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}.report-table th{color:var(--muted);background:var(--raised)}.report-empty{padding:40px;text-align:center;color:var(--muted)}.pagination{margin-top:16px}.report-note{color:var(--muted);font-size:12px;margin-top:10px}@media(min-width:1200px)and (min-height:640px){.dashboard{height:100vh}.data-workspace>.charts-grid{flex:1}.chart-area{min-height:100px}.matrix-panel{flex:0 0 auto}.world-map{min-height:280px}.trends-toolbar{margin-bottom:0}}@media(min-width:1200px)and (max-height:850px){.dashboard{padding:12px 16px}.summary-bar{min-height:66px}.summary-item strong{font-size:25px}.summary-item>span{font-size:12px}.matrix-cell{min-height:40px}.chart-area{min-height:110px}.world-map{min-height:250px}.panel-heading{margin-bottom:5px}.chart-legend{font-size:11px}.network-regions{gap:4px}}@media(max-width:1199px){.dashboard{height:auto}.content-grid{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}.charts-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.chart-area{min-height:200px}.world-map{height:300px;flex:none}.network-regions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.content-grid{display:flex}.data-workspace{order:-1}.charts-grid{grid-template-columns:1fr}.header-actions{gap:6px}.connection-badge{width:100%}.chart-controls{flex-wrap:wrap}.trends-toolbar{align-items:start}.matrix-cell{min-height:48px}.network-regions{grid-template-columns:repeat(2,minmax(0,1fr))}.network-regions>span{font-size:13px}.network-regions small{font-size:12px}.network-list{overflow:visible}.reports-page{padding:16px}.report-controls label,.report-controls input,.report-controls select{width:100%}.report-controls input[type=checkbox]{width:auto}.reports-page .quiet-button{min-height:44px}.reports-page .topbar{align-items:start}}.map-label text{fill:var(--text);font-size:26px;font-weight:500}.map-label tspan{fill:var(--muted);font-size:22px}.map-label path{stroke:var(--muted);stroke-width:1;opacity:.5;fill:none}.map-target-label{fill:var(--cyan);font-size:24px}.world-map{overflow:visible}.trend-content{display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:3px}.chart-footnote{min-height:15px;margin-top:0}.network-table{table-layout:fixed;font-size:11px}.network-table th{text-align:center;color:var(--muted);font-weight:400;padding:4px 2px}.network-table th:first-child{width:25%;text-align:left}.network-table tbody th{color:var(--text);font-size:12px}.network-table td{border-bottom:1px solid var(--border);text-align:center}.network-table tbody tr:last-child td{border-bottom:0}.network-cell{font-size:12px;background:transparent;padding:5px 1px;width:100%;min-height:29px;color:inherit}.network-cell.success{color:var(--cyan)}.network-cell.offline,.network-cell.aging{color:var(--muted)}.network-cell:focus-visible{outline-offset:-2px}@media(min-width:1200px)and (min-height:640px){.trend-content>.chart-area{min-height:0}.chart-legend{min-height:15px}.network-list{overflow:auto}}@media(max-width:760px){.network-table{font-size:12px}.network-cell{min-height:44px}.network-table th:first-child{width:26%}.network-table{min-width:350px}}.network-table th{padding:2px;line-height:1.25}.network-cell{min-height:22px;padding:2px 1px;line-height:1.2;font-size:11px}.network-table tbody th{font-size:11px}.network-panel .panel-heading{margin-bottom:3px}.network-panel .alerts-link{font-size:11px;margin-top:3px;padding:0}@media(max-width:760px){.network-cell{min-height:44px;font-size:12px}}.board{height:100vh;min-height:640px;display:grid;grid-template-columns:228px minmax(0,1fr);grid-template-rows:auto auto minmax(240px,1.25fr) minmax(200px,1fr);grid-template-areas:"top top" "side kpis" "side mid" "side low";gap:10px;padding:12px 14px;overflow:hidden;background:radial-gradient(900px 420px at 78% -10%,#303a7a44,transparent 55%),var(--bg)}.board-top{grid-area:top;display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;min-width:0}.board .chart-area{min-height:0}.board .trend-content{flex:1;min-height:0}.board-alert{flex:1 0 100%}.board-top .brand h1{font-size:1.25rem;letter-spacing:.02em}.board-top .brand-symbol{width:2.1rem;height:2.1rem;color:#c9c2ff;border-color:#46509a;background:#221f55}.board-nav{display:flex;gap:6px;padding:4px;border-radius:999px;background:#12162f;border:1px solid var(--border)}.nav-button{min-height:32px;padding:0 14px;border-radius:999px;background:transparent;color:var(--muted);font-size:13px}.nav-button.active,.nav-button[aria-current=page]{background:#6d5efc;color:#fff}.board-top .header-actions{margin-left:auto}.board-alert{margin:0;padding:6px 10px;font-size:12px}.board-side{grid-area:side;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;padding-right:2px}.side-block{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px}.side-block h2{margin-bottom:8px;font-size:13px;color:var(--muted);font-weight:600}.side-item{width:100%;display:flex;align-items:center;gap:8px;min-height:36px;margin-top:4px;padding:6px 8px;border-radius:8px;background:transparent;color:var(--text);text-align:left}.side-item[aria-pressed=true]{background:#2a2468;color:#fff}.side-item svg{color:#b7b0ff}.side-copy{display:flex;flex-direction:column;min-width:0;flex:1}.side-copy b{font-weight:550;font-size:13px}.side-copy small,.side-empty{color:var(--muted);font-size:11px}.side-item .status-dot{margin-left:auto}.code-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:18px;border-radius:4px;background:#2a335f;color:#d5dcff;font-size:10px;letter-spacing:.04em}.side-reg h3{margin:10px 0 6px;font-size:12px;color:var(--muted);font-weight:600}.side-reg table{width:100%;font-size:12px}.side-reg th,.side-reg td{text-align:right;padding:4px 0;color:var(--muted);font-weight:500}.side-reg th:first-child,.side-reg td:first-child,.side-reg tbody th{text-align:left;color:var(--text)}.side-health-main{display:flex;align-items:center;gap:8px;min-width:0}.side-health-main strong{font-size:1.35rem;line-height:1.1;font-variant-numeric:tabular-nums}.side-health-main strong.good,.side-health-main em.good{color:var(--teal)}.side-health-main strong.bad,.side-health-main em.bad{color:var(--coral)}.side-health-main em{margin-left:auto;font-style:normal;font-size:12px;white-space:nowrap}.side-health-main em.flat{color:var(--muted)}.side-health p{margin:6px 0 0;color:var(--muted);font-size:11px}.kpi-row{grid-area:kpis;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kpi{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:74px;padding:10px 12px;background:linear-gradient(180deg,#1b2146,#151a36);border:1px solid var(--border);border-radius:12px}.kpi-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#242a52}.kpi-icon.teal{color:var(--teal)}.kpi-icon.cyan{color:var(--cyan)}.kpi-icon.violet{color:var(--violet)}.kpi-icon.coral{color:var(--coral)}.kpi-icon.amber{color:var(--amber)}.kpi span{color:var(--muted);font-size:12px}.kpi strong{display:block;font-size:1.45rem;line-height:1.15;font-variant-numeric:tabular-nums}.kpi small{color:var(--muted);font-size:11px}.kpi em{font-style:normal;font-size:12px;white-space:nowrap}.kpi strong.good{color:var(--teal)}.kpi strong.bad{color:var(--coral)}.kpi em.good{color:var(--teal)}.kpi em.bad{color:var(--coral)}.kpi em.flat{color:var(--muted)}.board-mid{grid-area:mid;min-height:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:10px}.board-low{grid-area:low;min-height:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr);gap:10px}.board .panel{display:flex;flex-direction:column;min-height:0;min-width:0;border-radius:12px;background:#141833ee}.board .panel-heading{flex-shrink:0}.board .panel-heading h2{font-size:.95rem}.map-panel{overflow:hidden}.atlas-frame{flex:1;min-height:0;display:grid;place-items:center}.atlas-stage{position:relative;width:min(100%,calc(100% * 1000 / 389));max-height:100%;aspect-ratio:1000 / 389}.atlas{position:absolute;inset:0;width:100%;height:100%;display:block}.graticule line{stroke:#8ea0ff;stroke-width:1;opacity:.16}.land path{fill:#31407f;stroke:#93a4ef;stroke-width:.6}.route{fill:none;stroke:#7d8cff;stroke-width:1.2;stroke-dasharray:4 5;opacity:.55}.target circle{fill:none;stroke:var(--cyan);stroke-width:1.4}.target circle+circle{fill:var(--cyan);stroke:none}.pin{cursor:pointer}.pin .core{fill:#8b93b8;stroke:#0c1026;stroke-width:1}.pin .halo{fill:#8b93b833;stroke:none}.pin.online .core{fill:#3ee0a2}.pin.online .halo{fill:#3ee0a244}.pin.offline .core,.pin.failure .core{fill:var(--coral)}.pin.selected .halo{stroke:#fff;stroke-width:1.2}.map-card{position:absolute;z-index:2;display:flex;flex-direction:column;gap:1px;min-width:92px;padding:6px 8px;border:1px solid #6d79c4;border-radius:8px;background:#121735ee;color:var(--text);text-align:left;box-shadow:0 8px 18px #05081488}.map-card strong{font-size:12px;font-weight:600}.map-card .coord{color:var(--muted);font-size:10px;letter-spacing:.01em}.map-card b{color:var(--cyan);font-size:14px;font-variant-numeric:tabular-nums}.map-card small{color:var(--teal);font-size:12px}.map-card.failure small,.map-card.offline small{color:var(--coral)}.map-card.selected{border-color:#b7b0ff}.legend-pills{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.legend-pills i,.success-table th i{width:8px;height:8px;border-radius:2px;display:inline-block}.legend-pills i.rate,.bar i.rate{background:#3ee0a2}.legend-pills i.avg,.bar i.avg{background:#6ae7ff}.legend-pills i.p95,.bar i.p95{background:#f0a35e}.region-bars{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bar-group{display:flex;flex-direction:column;min-width:0;min-height:0}.bar-group.selected .bar-trio{outline:1px solid #8b7cff;border-radius:6px}.bar-trio{flex:1;min-height:72px;display:grid;grid-template-columns:repeat(2,minmax(0,72px));justify-content:center;gap:18px;align-items:end;padding:4px}.bar{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.bar b{font-size:10px;font-weight:550;color:var(--muted);white-space:nowrap}.bar i{display:block;width:min(18px,70%);min-height:2px;border-radius:3px 3px 0 0}.bar-group>span{text-align:center;color:var(--muted);font-size:12px;padding-top:2px}.bars-empty,.panel-note{color:var(--muted);font-size:11px}.panel-note{margin-top:4px}.success-panel .table-scroll{flex:1}.success-table{font-size:12px}.success-table th,.success-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);white-space:nowrap}.success-table th{color:var(--muted);font-weight:500;background:#1a2044;position:sticky;top:0}.success-table tbody th{color:var(--text);font-weight:600}.success-table tr.selected{background:#241f4e}.success-table tbody tr{cursor:pointer}.meter{display:block;height:4px;margin-top:4px;border-radius:99px;background:#2a335c;overflow:hidden}.meter>span{display:block;height:100%;background:var(--teal)}.alert-chip{color:var(--coral);border-color:#8a4458}.icon-button{width:34px;padding:0}@media(max-width:1180px){.board{height:auto;min-height:100vh;overflow:visible;grid-template-columns:1fr;grid-template-areas:"top" "kpis" "side" "mid" "low"}.board-mid,.board-low,.kpi-row{grid-template-columns:1fr}.atlas-stage{width:100%}.region-bars{min-height:160px}}@media(max-width:760px){.board-top{flex-wrap:wrap}.board-nav{order:3;width:100%;overflow:auto}.kpi-row{grid-template-columns:1fr 1fr}.kpi strong{font-size:1.2rem}.map-card{min-width:76px}.success-table{min-width:640px}}@media(prefers-reduced-motion:reduce){.pin .halo{display:none}}