:root{font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;color:#e9eff0;background:#0a0e10;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0a0e10}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #66e5bb;outline-offset:3px}.app-shell{min-height:100dvh;display:flex;background:radial-gradient(circle at 80% -20%,rgba(32,77,75,.25),transparent 36%),#0a0e10}.sidebar{width:246px;flex:0 0 246px;min-height:100dvh;display:flex;flex-direction:column;padding:26px 15px 18px;border-right:1px solid rgba(160,191,189,.12);background:#080c0eb3}.brand-lockup,.mobile-brand{display:flex;align-items:center;gap:11px}.brand-lockup{padding:0 12px 28px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#071611;background:#72e7be;box-shadow:0 8px 25px #4bdaab29}.brand-lockup strong{display:block;letter-spacing:-.04em;font-size:15px}.brand-lockup span{display:block;margin-top:3px;color:#748184;font-size:10px}.workspace-switcher{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(160,191,189,.12);border-radius:12px;background:#ffffff09}.workspace-switcher>div:nth-child(2){flex:1;min-width:0}.workspace-switcher span,.workspace-switcher strong{display:block}.workspace-switcher span{color:#6e7a7d;font-size:10px}.workspace-switcher strong{margin-top:3px;color:#dbe5e5;font-size:12px;font-weight:600}.workspace-avatar,.profile-avatar{display:grid;place-items:center;color:#bceadd;background:#183b39;font-family:DM Mono,monospace;font-size:11px}.workspace-avatar{width:27px;height:27px;border-radius:8px}.muted{color:#687477}.side-nav{flex:1;padding-top:28px}.nav-section-label{display:block;padding:0 13px 9px;color:#5e6a6d;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.nav-section-spaced{margin-top:25px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;min-height:40px;margin:3px 0;padding:0 13px;border:0;border-radius:9px;color:#849093;background:transparent;text-align:left;transition:background .2s ease,color .2s ease,transform .2s ease}.nav-item:hover{color:#dbe8e7;background:#ffffff0b;transform:translate(2px)}.nav-item-active{color:#d6f8ed;background:#57d3aa1f;box-shadow:inset 2px 0 #69dfb7}.nav-item-active:hover{background:#57d3aa29}.nav-item span{flex:1;font-size:12px;font-weight:600}.nav-item small{display:grid;place-items:center;min-width:20px;height:19px;border-radius:6px;color:#94a2a3;background:#ffffff0f;font:10px DM Mono,monospace}.sidebar-footer{padding-top:18px}.health-chip{display:flex;align-items:center;gap:7px;margin:0 5px 18px;color:#788688;font-size:10px}.health-chip .mono{margin-left:auto;color:#4c595c;font:9px DM Mono,monospace}.status-dot{width:7px;height:7px;display:inline-block;flex:0 0 auto;border-radius:50%;background:#697579;box-shadow:0 0 0 3px #6975791c}.status-online{background:#65ddb3;box-shadow:0 0 0 3px #65ddb31c}.status-attention{background:#e5b767;box-shadow:0 0 0 3px #e5b7671c}.status-offline{background:#d66f77;box-shadow:0 0 0 3px #d66f771c}.profile-row{display:flex;align-items:center;gap:9px;padding:13px 8px 0;border-top:1px solid rgba(160,191,189,.1)}.profile-avatar{width:29px;height:29px;border-radius:9px;font-size:9px}.profile-row>div:nth-child(2){flex:1}.profile-row strong,.profile-row span{display:block}.profile-row strong{color:#c8d4d4;font-size:11px}.profile-row span{margin-top:2px;color:#657174;font-size:9px}.main-content{min-width:0;flex:1}.topbar{height:71px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid rgba(160,191,189,.1)}.mobile-brand{display:none}.breadcrumb{display:flex;align-items:center;gap:10px;color:#687578;font-size:12px}.breadcrumb strong{color:#cbd7d7;font-weight:600}.breadcrumb-slash{color:#384346}.top-actions{display:flex;align-items:center;gap:19px}.sync-state{display:flex;align-items:center;gap:7px;color:#748183;font-size:10px}.icon-button{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(160,191,189,.13);border-radius:10px;color:#9aa8a9;background:#ffffff06;transition:border-color .18s ease,color .18s ease,transform .18s ease}.icon-button:hover{color:#e3eeee;border-color:#72e7be6b;transform:translateY(-1px)}.notification-badge{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;width:15px;height:15px;border:2px solid #0a0e10;border-radius:50%;color:#0a0e10;background:#e5b767;font:8px DM Mono,monospace}.profile-avatar-top{border:0;color:#c7f6e7;background:#17463d}.content-wrap{max-width:1370px;margin:0 auto;padding:45px 42px 28px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:31px}.eyebrow{color:#6d7b7d;font:9px DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin:10px 0 8px;color:#e7efef;font-size:clamp(31px,3.3vw,45px);letter-spacing:-.07em;line-height:1}.heading-period{color:#67deb3}.page-heading p{margin:0;color:#788587;font-size:13px}.heading-actions{display:flex;align-items:center;gap:19px}.last-sync{color:#697678;font-size:10px;white-space:nowrap}.last-sync b{color:#aebbbb;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:0 14px;border:1px solid transparent;border-radius:9px;font-size:11px;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:active{transform:scale(.98)}.button-primary{color:#081612;background:#72e7be;box-shadow:0 8px 20px #48d2a41c}.button-primary:hover{background:#8bf1ca;transform:translateY(-1px)}.button-primary:disabled{cursor:wait;opacity:.8}.button-quiet{color:#a8b8b8;background:#ffffff0a;border-color:#a0bfbd21}.button-quiet:hover{border-color:#72e7be4d;color:#d0e5e2}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:13px}.metric-card,.panel{border:1px solid rgba(160,191,189,.12);border-radius:13px;background:linear-gradient(140deg,#ffffff0a,#ffffff04);box-shadow:inset 0 1px #ffffff06}.metric-card{min-height:150px;padding:18px 18px 16px;overflow:hidden}.metric-topline{display:flex;align-items:center;gap:8px}.metric-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px}.metric-icon-mint{color:#70e6bd;background:#5ad5ad1f}.metric-icon-blue{color:#78c9ef;background:#58addd1f}.metric-icon-amber{color:#e3b669;background:#dda9511f}.metric-icon-violet{color:#c0a8ee;background:#a67ee01f}.metric-label{color:#7d8a8c;font-size:10px;font-weight:700}.trend{display:flex;align-items:center;gap:2px;margin-left:auto;font:10px DM Mono,monospace}.trend-up{color:#6ddbae}.trend-down{color:#76bfe0}.metric-value{margin-top:17px;color:#e3ecec;font:700 27px DM Mono,monospace;letter-spacing:-.08em;font-variant-numeric:tabular-nums}.metric-detail{margin-top:4px;color:#718083;font-size:10px}.sparkline{width:100%;height:43px;margin-top:5px;overflow:visible}.sparkline-fill{opacity:.1}.sparkline-line{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}.sparkline-violet .sparkline-line{stroke:#bd9df4}.sparkline-violet .sparkline-fill{fill:#bd9df4}.content-grid{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(320px,.78fr);gap:13px;margin-bottom:13px}.panel{min-width:0;padding:20px}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:20px}.panel-header h2{margin:0;color:#dce7e7;font-size:14px;letter-spacing:-.03em}.panel-header p{margin:5px 0 0;color:#687678;font-size:10px}.text-button{display:inline-flex;align-items:center;gap:4px;padding:3px 0;border:0;color:#74dcb7;background:transparent;font-size:10px;font-weight:700;white-space:nowrap}.text-button:hover{color:#a5f4d4}.node-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 10px}.search-field{display:flex;align-items:center;gap:8px;width:min(235px,100%);padding:0 10px;border:1px solid rgba(160,191,189,.12);border-radius:8px;color:#607072;background:#0000001f}.search-field input{width:100%;height:32px;padding:0;border:0;outline:0;color:#c9d5d5;background:transparent;font-size:10px}.search-field input::placeholder{color:#5c686a}.filter-group{display:flex;align-items:center;gap:3px}.filter-group button{padding:6px 8px;border:0;border-radius:6px;color:#687678;background:transparent;font-size:10px}.filter-group button:hover{color:#b9c8c8}.filter-group .filter-active{color:#bcefe0;background:#63dcb21c}.node-list{display:grid}.node-row{width:100%;display:grid;grid-template-columns:31px minmax(140px,1fr) 112px 62px 16px;align-items:center;gap:11px;min-height:58px;padding:0 6px;border:0;border-top:1px solid rgba(160,191,189,.08);color:inherit;background:transparent;text-align:left;transition:background .18s ease,transform .18s ease}.node-row:hover{background:#ffffff09;transform:translate(2px)}.node-row-selected{background:#67ddb50e}.node-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-size:11px;font-weight:800}.node-avatar-mint{color:#78e3bf;background:#153e37}.node-avatar-blue{color:#83cbed;background:#193b4a}.node-avatar-amber{color:#e3bd76;background:#45351d}.node-avatar-rose{color:#e8a7b1;background:#492a35}.node-avatar-violet{color:#cbb8f0;background:#332b4a}.node-avatar-gray{color:#96a2a3;background:#283032}.node-main,.node-name,.node-meta{min-width:0}.node-name{display:flex;align-items:center;gap:8px;color:#cbd7d7;font-size:11px;font-weight:700}.node-meta{display:block;margin-top:4px;overflow:hidden;color:#647174;font:9px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.node-meta i{display:inline-block;width:3px;height:3px;margin:0 5px 2px;border-radius:50%;background:#4c5a5d}.node-resource{display:grid;gap:4px;color:#6b797b;font:9px DM Mono,monospace}.node-resource b{color:#aab9b9;font-weight:500}.latency{color:#9bdcc7;font:10px DM Mono,monospace;text-align:right}.latency-warn{color:#deb36d}.latency-muted{color:#596467}.row-arrow{color:#485457}.node-row:hover .row-arrow{color:#8fd7bf}.empty-state{display:grid;place-items:center;gap:8px;padding:45px 15px;color:#718082}.empty-state strong{color:#b5c1c1;font-size:12px}.empty-state span{font-size:10px}.panel-alerts{display:flex;flex-direction:column}.alert-list{flex:1;margin-top:13px}.alert-item{display:flex;gap:11px;padding:15px 0;border-top:1px solid rgba(160,191,189,.08)}.alert-icon{display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;border-radius:8px}.alert-item-critical .alert-icon{color:#ee9196;background:#d3626c21}.alert-item-warning .alert-icon{color:#e6bc72;background:#e1a94c21}.alert-item-info .alert-icon{color:#86c9e6;background:#4ea6d221}.alert-item strong{display:block;color:#c8d3d3;font-size:10px}.alert-item p{margin:5px 0;color:#748184;font-size:10px;line-height:1.45}.alert-item small{color:#526063;font:9px DM Mono,monospace}.alert-button{width:100%;margin-top:9px}.lower-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:13px}.evidence-content{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:18px;min-height:120px;margin-top:12px}.route-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.route-stat{display:grid;gap:5px;color:#718083;font-size:9px}.route-stat-value{color:#d9e5e4;font:19px DM Mono,monospace}.route-stat-warn{color:#dfb46d}.route-visual{padding:16px 9px 0}.route-line{display:flex;align-items:center}.route-node{width:10px;height:10px;border:2px solid #66dcb3;border-radius:50%;background:#0a0e10}.route-node-start,.route-node-end{width:13px;height:13px;background:#66dcb3}.route-node-warn{border-color:#e0b267;background:#e0b267;box-shadow:0 0 0 4px #e0b2671a}.route-segment{height:1px;flex:1;background:linear-gradient(90deg,#69dcb4,#365c56)}.route-labels{display:flex;justify-content:space-between;gap:4px;margin-top:11px;color:#647275;font:8px DM Mono,monospace}.route-label-warn{color:#dcaf62}.media-summary{display:flex;align-items:center;gap:17px;margin:21px 0 17px}.media-score{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.media-score span{color:#dce7e7;font:22px DM Mono,monospace}.media-score small{color:#6e7b7d;font-size:9px}.progress-track{width:100%;height:5px;overflow:hidden;border-radius:999px;background:#ffffff14}.progress-fill{display:block;height:100%;border-radius:inherit}.progress-mint{background:#67dcb1}.progress-blue{background:#75bee1}.progress-amber{background:#ddb268}.media-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(160,191,189,.08)}.media-cell{display:flex;align-items:center;gap:6px;min-width:0;padding:12px 7px 0 0}.media-cell:nth-child(2n){padding-left:10px;border-left:1px solid rgba(160,191,189,.08)}.media-name{overflow:hidden;color:#9eacac;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.media-region{margin-left:auto;color:#627073;font:9px DM Mono,monospace}.media-ok{color:#68dcb1}.media-fail{color:#db777d}.content-footer{display:flex;align-items:center;gap:13px;margin-top:22px;color:#536164;font-size:9px}.content-footer>span:first-child{display:flex;align-items:center;gap:7px}.footer-divider{width:2px;height:2px;border-radius:50%;background:#465255}.subpage-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.subpage-heading p{margin:0;color:#788587;font-size:13px}.subpage-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:13px}.placeholder-panel{min-height:280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.placeholder-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:17px;border-radius:12px;color:#72e7be;background:#67dcb11a}.placeholder-panel h2{color:#dce7e7;font-size:17px}.placeholder-panel p{max-width:420px;color:#738083;font-size:11px;line-height:1.7}.policy-list{margin-top:20px}.policy-list>div{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid rgba(160,191,189,.08);color:#7a888a;font-size:10px}.policy-list b{color:#c4d0d0;font:10px DM Mono,monospace}.pill{padding:6px 9px;border-radius:999px;font:9px DM Mono,monospace}.pill-warning{color:#dfb46d;background:#e0b2671a}.pill-success{color:#6bdcb1;background:#67dcb11a}.route-table{margin-top:18px}.route-table-row{display:grid;grid-template-columns:1.1fr 1.1fr .8fr .8fr;gap:12px;padding:13px 4px;border-top:1px solid rgba(160,191,189,.08);color:#9eacac;font-size:10px}.route-table-head{border-top:0;color:#657477;font:9px DM Mono,monospace}.detail-chart{display:flex;gap:14px;height:165px;margin-top:22px}.chart-grid{display:flex;flex-direction:column;justify-content:space-between;padding:2px 0 23px;color:#596668;font:8px DM Mono,monospace}.chart-area{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:8px 0 0;background:repeating-linear-gradient(to bottom,rgba(160,191,189,.09) 0,rgba(160,191,189,.09) 1px,transparent 1px,transparent 25%)}.chart-area .sparkline{height:120px}.chart-caption{display:flex;justify-content:space-between;padding-top:11px;color:#697678;font:9px DM Mono,monospace}.detail-list{margin-top:8px}.detail-checks{margin-top:13px}.detail-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.detail-check-grid>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;border-radius:10px;color:#9eacac;background:#ffffff09;font-size:10px}.detail-check-grid span{display:flex;align-items:center;gap:8px}.node-detail-page .metrics-grid{margin-bottom:13px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;justify-content:flex-end;background:#00000073;animation:fade-in .18s ease}.node-drawer{width:min(410px,100%);min-height:100%;padding:28px;overflow-y:auto;border-left:1px solid rgba(160,191,189,.16);background:#101719;box-shadow:-20px 0 60px #00000040;animation:drawer-in .26s cubic-bezier(.32,.72,0,1)}.drawer-header{display:flex;justify-content:space-between;gap:20px}.drawer-header h2{margin:8px 0 0;color:#e5eeee;font-size:26px;letter-spacing:-.06em}.drawer-status{display:flex;align-items:center;gap:8px;margin:23px 0;padding:11px 12px;border:1px solid rgba(103,220,177,.14);border-radius:9px;color:#8ed6be;background:#67dcb10f;font-size:11px}.drawer-status span:last-child{margin-left:auto;color:#607073;font:9px DM Mono,monospace}.drawer-metrics{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px}.drawer-metrics div{padding:12px;border-radius:9px;background:#ffffff09}.drawer-metrics span,.drawer-metrics strong{display:block}.drawer-metrics span{color:#667477;font-size:9px}.drawer-metrics strong{margin-top:7px;overflow:hidden;color:#c6d3d3;font:10px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.drawer-section{margin-top:28px}.drawer-section h3{margin-bottom:14px;color:#cbd7d7;font-size:12px}.drawer-bar{display:grid;gap:7px;margin:15px 0;color:#7a888a;font-size:10px}.drawer-bar span{display:flex;justify-content:space-between}.drawer-bar b{color:#c4d0d0;font:10px DM Mono,monospace}.drawer-check{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(160,191,189,.08);color:#9eacac;font-size:10px}.drawer-check span{display:flex;align-items:center;gap:8px}.check-pass{color:#6bdcb1;font:10px DM Mono,monospace}.check-warn{color:#dfb36a;font:10px DM Mono,monospace}.drawer-button{width:100%;margin-top:30px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{opacity:.4;transform:translate(34px)}to{opacity:1;transform:translate(0)}}@media(max-width:1100px){.sidebar{width:215px;flex-basis:215px}.topbar,.content-wrap{padding-left:28px;padding-right:28px}.node-row{grid-template-columns:31px minmax(120px,1fr) 75px 53px 16px}.node-resource{font-size:8px}.evidence-content{grid-template-columns:1fr;gap:12px}}@media(max-width:820px){.sidebar{display:none}.topbar{height:62px;padding:0 18px}.mobile-brand{display:flex}.mobile-brand strong{color:#dbe8e7;font-size:13px;letter-spacing:-.04em}.breadcrumb,.sync-state{display:none}.content-wrap{padding:30px 18px 24px}.page-heading,.subpage-heading{align-items:start;flex-direction:column;gap:18px}.heading-actions{width:100%;justify-content:space-between}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.lower-grid,.subpage-grid{grid-template-columns:1fr}.node-row{grid-template-columns:31px minmax(100px,1fr) 62px 50px 16px;gap:8px}.node-resource{display:none}.panel{padding:16px}.content-footer{flex-wrap:wrap;line-height:1.6}.detail-check-grid{grid-template-columns:1fr}}@media(max-width:500px){h1{font-size:32px}.metrics-grid{gap:8px}.metric-card{min-height:137px;padding:14px}.metric-value{font-size:21px}.metric-detail,.metric-label{font-size:9px}.node-toolbar{align-items:stretch;flex-direction:column}.search-field{width:100%}.filter-group{justify-content:space-between}.filter-group button{flex:1}.node-row{min-height:64px}.node-meta{max-width:110px}.latency{font-size:9px}.route-summary{gap:7px}.route-stat-value{font-size:16px}.route-labels{font-size:7px}.footer-divider{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}