:root{--bg:#f7f8fa;--surface:#fff;--text:#242333;--muted:#777681;--border:#e8e7ed;--purple:#7047c5;--purple-soft:#f0ebfa;--green:#1a9568;--green-soft:#edf8f2;--orange:#e48a32;--orange-soft:#fff5e9;--blue:#4987d5;--shadow:0 2px 3px #20202a02;--sidebar:236px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-size:13px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:3px}svg.icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{color:var(--text)}.skip{position:fixed;top:-60px;left:15px;z-index:20;padding:10px;background:var(--surface);border:1px solid var(--purple)}.skip:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:29px 17px 15px;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;font-size:22px;font-weight:750;letter-spacing:-.8px}.brand-sub{display:block;font-size:9px;letter-spacing:1.8px;font-weight:600;color:var(--muted);margin-top:-2px}.workspace{margin:32px 0 30px;padding:12px 10px;display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:7px;font-weight:600;font-size:12px}.workspace small,.privacy-note small{display:block;font-weight:400;font-size:10px;color:var(--muted);margin-top:2px}.workspace-icon{background:var(--purple-soft);color:var(--purple);width:29px;height:31px;border-radius:5px;display:grid;place-items:center;font-weight:700}.workspace-arrow{margin-left:auto;color:var(--muted)}.nav-label{font-size:9px;letter-spacing:1.25px;font-weight:600;color:var(--muted);padding:0 11px;margin-bottom:12px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px;border-radius:6px;margin-bottom:5px;color:var(--muted);font-weight:500}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{color:var(--purple);background:var(--purple-soft);font-weight:600}.nav-count{margin-left:auto;background:var(--bg);border:1px solid var(--border);border-radius:4px;font-size:10px;padding:0 6px}.nav-dot{width:6px;height:6px;border-radius:50%;background:var(--purple);margin-left:auto}.sidebar-bottom{margin-top:auto}.privacy-note{display:flex;gap:10px;align-items:center;padding:14px 10px;color:var(--muted);font-size:11px}.privacy-note svg{color:var(--green)}.sidebar-footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:14px 10px 0;color:var(--muted);font-size:11px}.icon-button{background:none;border:0;border-radius:5px;padding:5px;color:var(--muted)}.shell{margin-left:var(--sidebar)}.topbar{height:66px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 35px}.breadcrumb{display:flex;gap:14px;color:var(--muted);font-size:12px}.breadcrumb span{color:#b9b7c3}.breadcrumb strong{color:var(--text);font-weight:500}.topbar-right{display:flex;gap:20px;align-items:center}.public-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.public-label svg{width:14px;height:14px}.avatar{display:grid;place-items:center;width:29px;height:29px;background:var(--purple-soft);border:1px solid #ddd2ee;border-radius:50%;color:var(--purple);font-weight:650;font-size:12px}main{max-width:1580px;margin:auto;padding:32px 35px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.5px;font-weight:600;margin-bottom:6px}h1{font-size:28px;font-weight:650;letter-spacing:-.8px;line-height:1.3;margin:0 0 7px}p{margin:0;color:var(--muted)}.page-heading p{font-size:12px}.heading-actions{display:flex;align-items:center;gap:15px}.live{font-size:11px;color:var(--green);display:flex;align-items:center;gap:6px;white-space:nowrap}.live i,.dot{height:6px;width:6px;background:var(--green);border-radius:50%;display:inline-block}.live i{box-shadow:0 0 0 3px var(--green-soft)}.live.offline{color:var(--orange)}.live.offline i{background:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}.button{display:flex;align-items:center;gap:7px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:11px;box-shadow:var(--shadow)}.button:hover{border-color:#b9accd}.button svg{width:14px;height:14px}.button:disabled{opacity:.6}.health-banner{display:flex;align-items:center;gap:16px;border:1px solid #c9e7d7;border-radius:9px;background:var(--green-soft);padding:22px 24px;margin-bottom:23px}.hero-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#d6efe1;color:var(--green);flex-shrink:0}.hero-icon svg{width:22px;height:22px}.hero-copy h2{font-size:17px;letter-spacing:-.2px;font-weight:600;margin:0 0 4px}.hero-copy p{font-size:11px;color:#527667}.hero-meta{margin-left:auto;text-align:right;flex-shrink:0}.hero-meta small{display:block;margin-top:8px;font-size:10px;color:#6c8678}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:10px;border-radius:5px;white-space:nowrap;font-weight:550;background:var(--green-soft);color:var(--green);border:1px solid #d5eadf}.badge:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.badge.warning{background:var(--orange-soft);color:#bc721f;border-color:#f4dfc3}.badge.neutral{background:var(--bg);color:var(--muted);border-color:var(--border)}.health-banner.unknown,.health-banner.degraded{background:var(--orange-soft);border-color:#ecdabf}.health-banner.unknown .hero-icon,.health-banner.degraded .hero-icon{background:#fce9ce;color:var(--orange)}.health-banner.unknown p,.health-banner.degraded p,.health-banner.unknown small,.health-banner.degraded small{color:#97764d}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.kpi{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:17px 19px 18px;box-shadow:var(--shadow)}.kpi-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.kpi-top svg{color:#9996a5;width:17px;height:17px}.kpi-value{font-size:31px;font-weight:600;letter-spacing:-1.1px;line-height:1.2;margin:14px 0 8px;font-variant-numeric:tabular-nums}.kpi-value.compact{font-size:26px;line-height:1.43}.kpi-value small{font-size:14px;letter-spacing:0;color:var(--muted);font-weight:400}.kpi-note{color:var(--muted);font-size:10px;min-height:15px}.kpi-note .green-text{color:var(--green)}.kpi-accent{position:absolute;bottom:0;left:19px;right:19px;height:2px;opacity:.65}.purple{background:var(--purple)}.green{background:var(--green)}.orange{background:var(--orange)}.blue{background:var(--blue)}.gray{background:#d5d3dd}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}h2{font-size:15px;margin:0;font-weight:600;letter-spacing:-.15px}.section-heading p,.panel-heading p{font-size:10px;margin-top:4px}.range-control{display:flex;gap:2px;border:1px solid var(--border);border-radius:6px;padding:3px;background:var(--surface)}.range-control button{border:0;border-radius:4px;background:transparent;font-size:10px;padding:5px 10px;color:var(--muted);white-space:nowrap}.range-control button.selected{background:var(--purple-soft);color:var(--purple);font-weight:600}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:25px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.panel-heading{padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h3{margin:0;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.panel-heading h3 svg{width:15px;height:15px;color:var(--muted)}.chart-unit{font-size:10px;color:var(--muted)}.chart-summary{padding:0 21px;display:flex;gap:20px;flex-wrap:wrap}.legend{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted)}.legend i,.availability-legend i{display:inline-block;width:7px;height:7px;border-radius:2px}.legend strong{color:var(--text);font-weight:500}.chart-wrap{height:198px;margin:15px 15px 0;position:relative}.chart-wrap canvas{height:100%;width:100%;display:block}.chart-tooltip{position:absolute;pointer-events:none;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:5px;box-shadow:0 3px 15px #0001;font-size:10px;color:var(--text);z-index:3;min-width:130px}.chart-tooltip strong{display:block;font-weight:550;margin-bottom:4px}.chart-tooltip span{display:block;color:var(--muted)}.chart-footer{display:flex;justify-content:space-between;padding:12px 21px;border-top:1px solid var(--border);color:var(--muted);font-size:9px;gap:12px}.count{display:inline-block;font-weight:500;font-size:10px;background:var(--bg);color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:0 6px;margin-left:5px;vertical-align:middle}.nodes-panel{margin-bottom:24px}.table-tools{display:flex;align-items:center;gap:9px}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:5px;padding:7px 9px}.search svg{width:13px;height:13px;color:var(--muted)}.search input{background:transparent;border:none;outline:none;max-width:125px;color:var(--text);font-size:10px;padding:0}.search input::placeholder{color:var(--muted)}select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:7px 8px;font-size:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:8px;letter-spacing:.75px;font-weight:600;color:var(--muted);padding:11px 20px;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}td{padding:16px 20px;border-bottom:1px solid var(--border);font-size:11px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.server-cell{display:flex;align-items:center;gap:10px}.region{width:31px;height:31px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-size:9px;font-weight:650;border:1px solid #e6def3;border-radius:7px}.server-name{font-weight:600;color:var(--text);font-size:11px}.server-meta{color:var(--muted);font-size:9px;margin-top:2px}.disabled-row{color:var(--muted)}.disabled-row .region{background:var(--bg);color:var(--muted);border-color:var(--border)}.disabled-row .server-name{color:var(--muted)}.node-resources{min-width:80px;color:var(--muted);font-size:10px}.node-resources span{color:var(--text)}.mini-bar{height:3px;background:var(--border);border-radius:4px;width:85px;margin-top:6px;overflow:hidden}.mini-bar i{display:block;height:100%;background:var(--purple);border-radius:4px}.node-speed{font-variant-numeric:tabular-nums;font-size:10px}.node-speed span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.node-online{font-variant-numeric:tabular-nums}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 21px;border-top:1px solid var(--border);color:var(--muted);font-size:9px;gap:12px}.table-footer .dot{margin-right:5px;vertical-align:middle}.empty{padding:30px;text-align:center;color:var(--muted)}.bottom-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.availability-bars{display:flex;gap:3px;height:34px;margin:9px 21px 0}.availability-bars .bar{flex:1;min-width:0;border:0;border-radius:3px;background:var(--border)}.availability-bars .bar.operational{background:var(--green);opacity:.75}.availability-bars .bar.degraded{background:var(--orange)}.availability-bars .bar:hover{opacity:1;outline:2px solid var(--muted);outline-offset:1px}.availability-axis{display:flex;justify-content:space-between;margin:8px 21px 20px;color:var(--muted);font-size:9px}.availability-legend{display:flex;gap:18px;margin:0 21px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.availability-legend span{display:flex;align-items:center;gap:6px}.observed-since{padding:19px 21px;color:var(--muted);font-size:10px}.info-line{display:flex;align-items:flex-start;gap:7px;font-size:10px;padding:14px 21px;background:var(--bg);border-top:1px solid var(--border);color:var(--muted);border-radius:0 0 8px 8px}.info-line svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}.details-panel .panel-heading>span{color:var(--muted)}.resource{margin:0 21px 17px}.resource>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin-bottom:8px}.resource strong{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.progress{height:5px;background:var(--border);border-radius:4px;overflow:hidden}.progress i{display:block;height:100%;background:var(--purple);width:0;border-radius:4px;transition:width .4s}.progress.orange{background:var(--border)}.progress.orange i{background:var(--orange)}.detail-list{margin:0 21px}.detail-list div{display:flex;justify-content:space-between;gap:12px;font-size:10px;margin:8px 0}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:500}.protocols{display:flex;gap:6px;padding:7px 21px 17px;flex-wrap:wrap}.protocols span{font-size:8px;letter-spacing:.3px;font-weight:500;border:1px solid var(--border);background:var(--bg);color:var(--muted);padding:2px 6px;border-radius:4px}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--muted);font-size:9px;padding:25px 0}.page-footer>span:first-child{display:flex;align-items:center;gap:6px}.footer-divider{color:#bbb7c5;margin:0 4px}
[data-theme="dark"]{--bg:#17171e;--surface:#21212b;--text:#e8e7ee;--muted:#a09cad;--border:#32323e;--purple:#ad8cf0;--purple-soft:#342a47;--green:#5ac795;--green-soft:#22372e;--orange:#e5a45f;--orange-soft:#3a3025;--blue:#77a6ee;color-scheme:dark}[data-theme="dark"] .health-banner{border-color:#345942}[data-theme="dark"] .hero-icon{background:#2d4939}[data-theme="dark"] .hero-copy p,[data-theme="dark"] .hero-meta small{color:#90b29e}[data-theme="dark"] .health-banner.unknown,[data-theme="dark"] .health-banner.degraded{border-color:#614c33}[data-theme="dark"] .health-banner.unknown .hero-icon,[data-theme="dark"] .health-banner.degraded .hero-icon{background:#59442e}[data-theme="dark"] .badge{border-color:var(--border)}[data-theme="dark"] .region{border-color:var(--border)}[data-theme="dark"] .avatar{border-color:var(--border)}
@media(min-width:1600px){main{padding-top:38px}.chart-wrap{height:230px}td{padding-top:19px;padding-bottom:19px}.kpi{padding-top:21px;padding-bottom:21px}}
@media(max-width:1200px){:root{--sidebar:205px}main{padding:27px 24px 0}.topbar{padding:0 24px}.kpi-grid{gap:11px}.kpi{padding:15px}.kpi-value.compact{font-size:23px}.hero-copy p{max-width:360px}.panel-heading{padding:17px}.table-tools{gap:6px}.search input{max-width:95px}th,td{padding-left:16px;padding-right:16px}.chart-summary{gap:13px}}
@media(max-width:1000px){:root{--sidebar:70px}.sidebar{padding:25px 10px 12px}.brand{padding:0 7px}.brand>span,.workspace,.nav-label,.nav-item>span:not([data-icon]),.sidebar-bottom .privacy-note,.sidebar-footer>span{display:none}.sidebar nav{margin-top:36px}.nav-item{font-size:0;padding:14px;justify-content:center;gap:0;margin-bottom:10px}.nav-item svg{width:21px;height:21px}.sidebar-footer{padding:12px 0;justify-content:center}.hero-copy p{max-width:330px}.kpi-value.compact{font-size:23px}.bottom-grid{grid-template-columns:1fr 1fr}.nodes-panel .panel-heading{flex-wrap:wrap}}
@media(max-width:760px){.sidebar{display:none}.shell{margin-left:0}.topbar{height:54px;padding:0 19px}.public-label{display:none}.breadcrumb{font-size:10px;gap:9px}main{padding:24px 17px 0}.page-heading{align-items:flex-start;margin-bottom:21px}h1{font-size:25px}.eyebrow{font-size:8px}.page-heading p{font-size:11px;max-width:260px}.heading-actions{gap:9px;flex-direction:column;align-items:flex-end}.live{font-size:9px}.button{font-size:10px;padding:6px 8px}.health-banner{padding:17px 15px;gap:12px;flex-wrap:wrap}.hero-icon{width:34px;height:34px}.hero-copy{flex:1}.hero-copy h2{font-size:15px}.hero-copy p{font-size:10px}.hero-meta{margin-left:46px;display:flex;align-items:center;gap:12px;text-align:left}.hero-meta small{margin:0;font-size:9px}.kpi-grid{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:24px}.kpi-value{margin-top:10px;font-size:28px}.kpi-value.compact{font-size:24px}.kpi-top{font-size:10px}.kpi-note{font-size:9px}.charts-grid,.bottom-grid{grid-template-columns:1fr;gap:16px}.section-heading h2{font-size:13px}.section-heading p{font-size:9px;max-width:190px}.range-control button{padding:5px 7px;font-size:9px}.chart-wrap{height:200px}.table-tools{width:100%;margin-top:4px}.search{flex:1}.search input{max-width:none;width:100%}table{min-width:720px}.table-footer{font-size:8px;padding:12px 15px}.panel-heading{padding:17px}.page-footer{align-items:flex-start;font-size:8px}.page-footer>span:last-child{text-align:right;max-width:160px}.availability-bars{gap:2px}.availability-panel{overflow:hidden}.charts-grid{margin-bottom:19px}.nodes-panel{margin-bottom:19px}}
@media(max-width:760px){.hero-meta{flex-wrap:wrap;flex-shrink:1;max-width:calc(100% - 46px);gap:6px 10px}.metrics-section .section-heading{flex-wrap:wrap}.metrics-section .range-control{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.availability-panel{margin-bottom:25px}.availability-panel .availability-bars{height:38px}.availability-panel .observed-since{padding:12px 21px}.availability-panel .availability-axis{margin-bottom:12px}