:root{--page-bg:#212529;--panel-bg:#000;--ink:#fff;--ink-2:#adb5bd;--ink-3:#8b929a;--hairline:#24272b;--axis:#3a3f45;--series:#3987e5;--series-hover:#6aa6ee;--good:#0ca30c;--warning:#fab219;--critical:#d03b3b;--nodata:#3a3f45}body{background:var(--page-bg);color:var(--ink)}.app{max-width:1440px;margin:0 auto;padding:1.5rem 1rem 3rem}@media (min-width:576px){.app{padding:2rem 2rem 3rem}}.app-header{margin-bottom:1rem}.brand-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;margin-bottom:.75rem}.brand{font-size:1.5rem;font-weight:600;margin:0}.summary{display:flex;flex-wrap:wrap;align-items:center;gap:0 .5rem;color:var(--ink-2)}.summary-text{color:var(--ink)}.summary-meta:before{content:"·";margin-right:.5rem}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem;border-bottom:1px solid var(--hairline)}.toolbar .nav-link{color:var(--ink-2);background:none;border-left:0;border-right:0;border-top:0}.toolbar .nav-link.active,.toolbar .nav-link:hover{color:var(--ink)}.range-picker{margin-bottom:.5rem}.range-picker .btn{min-width:3.25rem}.app-main,.dashboard{display:flex;flex-direction:column;gap:1rem}.dashboard{transition:opacity .15s}.is-refreshing{opacity:.55}.panel{background:var(--panel-bg);border-radius:var(--bs-border-radius-lg);padding:1rem;min-width:0}@media (min-width:576px){.panel{padding:1.25rem 1.5rem 1.5rem}}.panel-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;margin-bottom:1rem}.panel-title{font-size:1.125rem;font-weight:600;margin:0}.panel-meta,.panel-subtitle{color:var(--ink-3);font-size:.875rem}.empty-note,.error-note{color:var(--ink-2);margin:0}.error-banner{border:1px solid var(--critical);border-radius:var(--bs-border-radius);padding:.5rem .75rem;color:var(--ink)}.status-dot{display:inline-block;flex:none;width:.625rem;height:.625rem;border-radius:50%;background:var(--nodata)}.status-dot.good{background:var(--good)}.status-dot.warning{background:var(--warning)}.status-dot.critical{background:var(--critical)}.status-flag{display:inline-flex;align-items:center;gap:.35rem;margin-left:.5rem;font-size:.8125rem;font-weight:500;color:var(--ink-2);vertical-align:middle}.status-flag .status-dot{width:.5rem;height:.5rem}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem 1rem;gap:.75rem 1rem;margin-bottom:1rem}@media (max-width:575.98px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi-label{color:var(--ink-3);font-size:.8125rem}.kpi-value{font-size:1.375rem;font-weight:600;line-height:1.3;white-space:nowrap}.kpi-note{color:var(--ink-3);font-size:.8125rem;line-height:1.35}.meter{height:6px;margin:.4rem 0 .3rem;border-radius:3px;background:#1b2a3d;overflow:hidden}.meter-fill{height:100%;border-radius:3px;background:var(--series)}.meter-fill.good{background:var(--good)}.meter-fill.warning{background:var(--warning)}.meter-fill.critical{background:var(--critical)}.server-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1.25rem;gap:1.25rem}.server-kpis{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1rem;gap:1rem}@media (min-width:576px){.server-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-kpis{grid-column:1/-1;max-width:40rem}}@media (min-width:1200px){.server-grid{grid-template-columns:15rem repeat(2,minmax(0,1fr));gap:2rem}.server-kpis{grid-column:auto;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-content:start}}.site-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1rem;gap:1rem}@media (min-width:992px){.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.site-card{display:flex;flex-direction:column}.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin-bottom:.875rem}.site-name{display:flex;align-items:center;gap:.5rem;min-width:0;margin:0;font-size:1.125rem;font-weight:600}.site-name a{color:var(--ink);text-decoration:none;overflow-wrap:anywhere}.site-name a:hover{text-decoration:underline}.tag{flex:none;padding:.05rem .45rem;border:1px solid var(--axis);border-radius:999px;color:var(--ink-2);font-size:.75rem;font-weight:400}.site-state{color:var(--ink-3);font-size:.875rem}.site-state-label{color:var(--ink);font-weight:500}.site-note{margin:.75rem 0 0;color:var(--ink-3);font-size:.8125rem}.site-note code{color:var(--ink-2);overflow-wrap:anywhere}.site-card .chart-block+.chart-block{margin-top:.75rem}.chart-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 .75rem;margin-bottom:.25rem;font-size:.8125rem;font-weight:500;color:var(--ink-2)}.chart-aside{color:var(--ink-3);font-weight:400}.time-chart{position:relative;width:100%;outline:none}.time-chart:focus-visible{box-shadow:0 0 0 2px var(--series);border-radius:2px}.time-chart svg{display:block;overflow:visible}.chart-grid{stroke:var(--hairline);stroke-width:1}.chart-baseline{stroke:var(--axis);stroke-width:1}.chart-tick{fill:var(--ink-3);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart-empty{fill:var(--ink-3);font-size:12px}.chart-line{fill:none;stroke:var(--series);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-area{opacity:.1}.chart-area,.chart-bar,.chart-lone-point{fill:var(--series)}.chart-bar.hover{fill:var(--series-hover)}.chart-crosshair{stroke:var(--ink-3);stroke-width:1}.chart-hover-dot{fill:var(--series);stroke:var(--panel-bg);stroke-width:2}.mark-up{fill:var(--good);background:var(--good)}.mark-partial{fill:var(--warning);background:var(--warning)}.mark-down{fill:var(--critical);background:var(--critical)}.mark-nodata{fill:var(--nodata);background:var(--nodata)}rect.hover{opacity:.7}.availability-legend{display:inline-flex;gap:.75rem;align-items:flex-end}.availability-legend span{display:inline-flex;align-items:flex-end;gap:.3rem}.availability-legend i{display:inline-block;width:5px;border-radius:1px;margin-bottom:.2rem}.chart-tooltip{position:absolute;z-index:10;pointer-events:none;min-width:9rem;max-width:16rem;padding:.4rem .6rem;border:1px solid var(--axis);border-radius:var(--bs-border-radius);background:#15181b;box-shadow:0 4px 16px rgba(0,0,0,.5);font-size:.8125rem;line-height:1.4;white-space:nowrap}.chart-tooltip-time{color:var(--ink-3);font-size:.75rem}.chart-tooltip-row{color:var(--ink-2)}.chart-tooltip-row strong{color:var(--ink);font-weight:600}.data-table{--bs-table-bg:transparent;--bs-table-color:var(--ink);--bs-table-border-color:var(--hairline);margin:0;font-size:.9375rem}.data-table th{color:var(--ink-3);font-size:.8125rem;font-weight:500}.data-table td{vertical-align:middle}@media (max-width:575.98px){.data-table{--bs-table-cell-padding-x:0.35rem;font-size:.875rem}.data-table .status-flag-label{display:none}}.data-table .status-flag{margin-left:.4rem}.data-table .shrink{width:1%}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.text-secondary-2{color:var(--ink-2)}.site-select{width:auto;min-width:12rem}