@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--font-sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--paper:oklch(97.6% .006 95);--surface:oklch(100% 0 0);--surface-2:oklch(95.4% .008 95);--ink:oklch(21% .03 255);--muted:oklch(46% .02 255);--line:oklch(88.5% .008 95);--rule:oklch(21% .03 255);--accent:oklch(46% .1 232);--accent-soft:oklch(94% .03 232);--on-ink:oklch(97.6% .006 95);--focus:oklch(52% .17 250);--accent-ink:var(--on-ink);--field-border:oklch(58% .02 255);--ok:oklch(50% .12 155);--ok-text:oklch(38% .09 155);--attention:oklch(62% .155 72);--attention-text:oklch(41% .1 62);--critical:oklch(51% .19 27);--critical-text:oklch(42% .17 27);--info:oklch(52% .09 250);--info-text:oklch(40% .09 250);--unknown:oklch(62% .015 255);--unknown-text:oklch(45% .015 255);--radius:6px;--radius-sm:3px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--page-width:74rem;--page-gutter:clamp(1rem, .4rem + 3vw, 2.5rem);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem);--text-kpi:clamp(2.25rem, 1.5rem + 2.8vw, 3.5rem);--duration-fast:.12s;--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:oklch(19% .026 255);--surface:oklch(23.5% .03 255);--surface-2:oklch(27% .032 255);--ink:oklch(94% .008 255);--muted:oklch(72% .022 255);--line:oklch(33% .034 255);--rule:oklch(94% .008 255);--accent:oklch(76% .11 220);--accent-soft:oklch(30% .05 235);--on-ink:oklch(19% .026 255);--focus:oklch(78% .14 240);--field-border:oklch(62% .02 255);--ok:oklch(72% .14 155);--ok-text:oklch(80% .13 155);--attention:oklch(78% .15 78);--attention-text:oklch(84% .13 80);--critical:oklch(68% .19 27);--critical-text:oklch(78% .15 27);--info:oklch(74% .1 250);--info-text:oklch(80% .09 250);--unknown:oklch(66% .02 255);--unknown-text:oklch(76% .02 255)}}.tone-ok{--tone:var(--ok);--tone-text:var(--ok-text)}.tone-attention{--tone:var(--attention);--tone-text:var(--attention-text)}.tone-critical{--tone:var(--critical);--tone-text:var(--critical-text)}.tone-info{--tone:var(--info);--tone-text:var(--info-text)}.tone-unknown{--tone:var(--unknown);--tone-text:var(--unknown-text)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:4.5rem}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);font-feature-settings:"kern", "liga";margin:0;line-height:1.55}h1,h2,h3,p,dl,dd,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3{letter-spacing:-.015em;font-weight:600;line-height:1.15}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}.num,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-header :focus-visible,.skip-link:focus-visible{outline-color:var(--on-ink)}.skip-link{top:-4rem;left:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);background:var(--ink);color:var(--on-ink);border:2px solid var(--on-ink);border-radius:var(--radius);position:absolute}.skip-link:focus{top:var(--space-3)}label{margin-bottom:var(--space-1);color:var(--muted);font-size:var(--text-sm);display:block}input,select,textarea{width:100%;color:inherit;background:var(--surface);border:1px solid var(--field-border);border-radius:var(--radius);font:inherit;transition:border-color var(--duration-fast);padding:.6rem .75rem}textarea{resize:vertical;min-height:4.5rem}input:hover,select:hover,textarea:hover{border-color:var(--accent)}input{margin-bottom:var(--space-4)}button,.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.5rem;color:var(--on-ink);background:var(--ink);border:1px solid var(--ink);border-radius:var(--radius);font:inherit;cursor:pointer;transition:background-color var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);padding:.5rem 1.1rem;font-weight:600;display:inline-flex}button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button:disabled{opacity:.55;cursor:progress}button.quiet{color:var(--ink);border-color:var(--line);background:0 0}button.quiet:hover:not(:disabled){color:var(--ink);background:var(--surface-2);border-color:var(--ink)}button.small{min-height:2rem;font-size:var(--text-sm);padding:.25rem .75rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{max-width:34rem;padding:var(--page-gutter);margin:0 auto}.masthead{padding-bottom:var(--space-5);border-bottom:2px solid var(--rule)}.eyebrow{margin-bottom:var(--space-2);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:500}.masthead h1{font-size:var(--text-xl);letter-spacing:-.03em}.lede{max-width:36rem;margin-top:var(--space-3);color:var(--muted)}.panel{margin-top:var(--space-6);padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--rule);border-radius:var(--radius)}.panel h2{margin-bottom:var(--space-4);font-size:var(--text-lg)}.hint{margin:calc(-1 * var(--space-2)) 0 var(--space-4);color:var(--muted);font-size:var(--text-sm)}.status{margin-top:var(--space-5);color:var(--muted)}.status-error{color:var(--critical-text);font-weight:600}.facts{margin:var(--space-4) 0}.facts div{gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--line);grid-template-columns:7rem 1fr;display:grid}.facts dt{color:var(--muted);font-size:var(--text-sm)}.facts dd{font-weight:600}.app{min-height:100vh}.app-header{background:var(--ink);color:var(--on-ink)}.app-header-inner,.app-nav-inner,.page{max-width:var(--page-width);padding-inline:var(--page-gutter);margin-inline:auto}.app-header-inner{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.brand{color:inherit;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.18em;text-transform:uppercase;font-weight:500;text-decoration:none}.brand:before{content:"";background:var(--accent);border-radius:50% 50% 50% 0;width:.6em;height:.6em;margin-right:.7em;display:inline-block;transform:rotate(-45deg)}.account{align-items:center;gap:var(--space-1) var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.account-who{flex-direction:column;line-height:1.3;display:flex}.account-role{opacity:.72;font-size:var(--text-xs)}.account button{color:var(--on-ink);border-color:color-mix(in oklch, var(--on-ink) 40%, transparent);min-height:2rem;font-size:var(--text-sm);background:0 0;padding:.2rem .8rem}.account button:hover:not(:disabled){color:var(--ink);background:var(--on-ink);border-color:var(--on-ink)}.app-nav{z-index:10;background:color-mix(in oklch, var(--paper) 92%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.app-nav-inner{gap:0 var(--space-1);flex-wrap:wrap;display:flex}@media (height<=30rem){.app-nav{position:static}}.nav-link{padding:var(--space-3) var(--space-4);color:var(--muted);transition:color var(--duration-fast);flex:none;font-weight:500;text-decoration:none;position:relative}.nav-link:hover,.nav-link[aria-current=page]{color:var(--ink)}.nav-link[aria-current=page]:after{content:"";inset:auto var(--space-4) -1px;background:var(--accent);border-radius:2px 2px 0 0;height:3px;position:absolute}.page{padding-block:var(--space-6) var(--space-7)}.page:focus{outline:none}.page-head{margin-block:var(--space-3) var(--space-6)}.page-head h1{font-size:var(--text-xl);letter-spacing:-.03em}.page-meta{margin-top:var(--space-2);color:var(--muted)}.breadcrumbs ol{gap:var(--space-1) 0;font-size:var(--text-sm);flex-wrap:wrap;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";margin-inline:var(--space-2);color:var(--muted)}.breadcrumbs [aria-current=page]{color:var(--muted)}.section-title{margin:var(--space-6) 0 var(--space-4);padding-top:var(--space-3);border-top:2px solid var(--rule);font-size:var(--text-lg)}.section-title small{margin-left:var(--space-2);color:var(--muted);font-size:var(--text-sm);letter-spacing:0;font-weight:400}.kpis{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));display:grid}.kpi{padding:var(--space-4) var(--space-5) var(--space-5);background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--rule);border-radius:var(--radius)}.kpi h2{margin-bottom:var(--space-4);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:500}.page-head h1:focus{outline:none}.status-icon{fill:var(--tone);flex:none}.badge,.pill{color:var(--tone-text);background:color-mix(in oklch, var(--tone) 13%, var(--surface));border:1px solid color-mix(in oklch, var(--tone) 35%, transparent);font-size:var(--text-xs);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:.4em;padding:.1rem .55rem .1rem .45rem;font-weight:600;display:inline-flex}.health{gap:var(--space-3);display:grid}.health-bar{border-radius:999px;gap:2px;height:.75rem;display:flex;overflow:hidden}.health-bar>span{background:var(--tone);min-width:.5rem}.health-legend{gap:var(--space-1) var(--space-5);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.health-legend li{align-items:center;gap:.4em;display:inline-flex}.health-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.health-total{color:var(--muted);font-size:var(--text-sm)}.health-empty{color:var(--muted)}.health--compact .health-bar{height:.5rem}.counts{gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.count{gap:var(--space-1);flex-direction:column-reverse;display:flex}.count-number{font-family:var(--font-mono);font-size:var(--text-kpi);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-weight:500;line-height:1}.count-label{color:var(--muted);font-size:var(--text-sm);align-items:center;gap:.4em;display:inline-flex}.count--zero .count-number{color:var(--muted)}.kpi-link{margin-top:var(--space-4);font-size:var(--text-sm);font-weight:600;display:inline-block}.unit-list{border-top:1px solid var(--line);display:grid}.unit-row{align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--line);transition:background-color var(--duration-fast);grid-template-columns:minmax(10rem,1.1fr) minmax(0,2fr) auto;display:grid}.unit-row:hover{background:var(--surface-2)}.unit-name{display:grid}.unit-name a{font-size:var(--text-lg);font-weight:600;text-decoration:none}.unit-name a:hover{text-decoration:underline}.unit-level{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.unit-alarms{gap:var(--space-3);font-size:var(--text-sm);display:flex}@media (width<=44rem){.unit-row{grid-template-columns:1fr}}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table caption{text-align:left}.table th,.table td{padding:var(--space-3) var(--space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.table thead th{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;border-bottom:2px solid var(--rule);font-weight:500}.table tbody tr{transition:background-color var(--duration-fast)}.table tbody tr:hover{background:var(--surface-2)}.table .num{text-align:right}.cell-stack{gap:var(--space-1);display:grid}.cell-sub{color:var(--muted);font-size:var(--text-sm)}.readings{gap:var(--space-1) var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.readings li{white-space:nowrap}.stale-notice{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--attention-text);background:color-mix(in oklch, var(--attention) 13%, var(--surface));border:1px solid color-mix(in oklch, var(--attention) 35%, transparent);border-radius:var(--radius);font-size:var(--text-sm)}.readings .num{font-weight:600}@media (width<=44rem){.table--stack thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.table--stack,.table--stack tbody,.table--stack tr,.table--stack td,.table--stack th[scope=row]{display:block}.table--stack tr{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.table--stack td,.table--stack th[scope=row]{gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px dashed var(--line);text-align:left;grid-template-columns:6.5rem minmax(0,1fr);display:grid}.table--stack td:last-child{border-bottom:0}.table--stack td>.badge,.table--stack td>.pill{justify-self:start}.readings li{white-space:normal}.table--stack td:before,.table--stack th[scope=row]:before{content:attr(data-label);content:attr(data-label) / "";color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.table--stack .num{text-align:left}}.segmented{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.segmented a,.segmented button{min-height:2rem;color:var(--muted);border-radius:var(--radius-sm);font-size:var(--text-sm);background:0 0;border:0;padding:.2rem .85rem;font-weight:500;text-decoration:none}.segmented a:hover,.segmented button:hover:not(:disabled){color:var(--ink);background:color-mix(in oklch, var(--ink) 6%, transparent)}.segmented [aria-current=true],.segmented [aria-pressed=true],.segmented [aria-current=page]{color:var(--on-ink);background:var(--ink)}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.toolbar-group{align-items:center;gap:var(--space-2) var(--space-3);color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.metrics{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));display:grid}.metric{place-content:start stretch;justify-items:start;gap:var(--space-1);padding:var(--space-3) var(--space-4);color:var(--ink);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-weight:400;display:grid}.metric:hover:not(:disabled){color:var(--ink);background:var(--surface);border-color:var(--accent)}.metric[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}.metric-label{color:var(--muted);font-size:var(--text-sm)}.metric-value{font-family:var(--font-mono);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:500}.metric-when{color:var(--muted);font-size:var(--text-xs)}.chart{padding:var(--space-4) var(--space-5) var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.chart-readout{align-items:baseline;gap:var(--space-1) var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.chart-readout-time{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-sm)}.chart-readout-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600}.chart-readout-spread{color:var(--muted);font-size:var(--text-sm)}.chart-frame{min-width:0;overflow-x:auto}.chart-hint{margin-top:var(--space-2);color:var(--muted);font-size:var(--text-xs)}.chart-legend{align-items:center;gap:var(--space-2);margin-top:var(--space-1);color:var(--muted);font-size:var(--text-sm);display:flex}.chart-legend-swatch{background:color-mix(in oklch, var(--ok) 11%, transparent);border-block:1.5px dashed var(--ok);flex:none;width:1.5rem;height:.6rem}.chart-svg{touch-action:pan-y;width:100%;height:auto;display:block}.chart-svg:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.chart-grid{stroke:var(--line);stroke-width:1px}.chart-tick,.chart-unit{fill:var(--muted);font-family:var(--font-mono);font-size:12px}.chart-tick-sub{fill:var(--muted);font-size:11px}.chart-acceptable{fill:color-mix(in oklch, var(--ok) 11%, transparent)}.chart-limit{stroke:var(--ok);stroke-width:1.5px;stroke-dasharray:4 4}.chart-band{fill:color-mix(in oklch, var(--accent) 16%, transparent);stroke:none}.chart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--accent)}.chart-cursor line{stroke:var(--ink);stroke-width:1px;stroke-dasharray:3 3;opacity:.6}.chart-cursor circle{fill:var(--surface);stroke:var(--accent);stroke-width:2.5px}.chart-empty{padding:var(--space-6);color:var(--muted);text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius)}.chart-data{margin-top:var(--space-3);font-size:var(--text-sm)}.chart-data summary{color:var(--accent);cursor:pointer}.chart-data table{width:100%;margin-top:var(--space-3);border-collapse:collapse;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.chart-data th,.chart-data td{padding:var(--space-1) var(--space-3);text-align:right;border-bottom:1px solid var(--line)}.chart-data th[scope=row],.chart-data thead th:first-child{text-align:left;font-weight:500}.alarm-list{gap:var(--space-3);display:grid}.alarm{gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-4) calc(var(--space-5) + 4px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid;position:relative;overflow:hidden}.alarm:before{content:"";background:var(--tone);width:5px;position:absolute;inset:0 auto 0 0}.alarm--resolved{background:var(--surface-2);border-style:dashed}.alarm-top{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.alarm-message{font-size:var(--text-lg);font-weight:600;line-height:1.3}.alarm-facts{gap:var(--space-1) var(--space-5);color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.alarm-facts dt{display:inline}.alarm-facts dd{color:var(--ink);display:inline}.alarm-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.alarm-form{gap:var(--space-3);padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius);display:grid}.alarm-form input,.alarm-form select,.alarm-form textarea{margin-bottom:0}.alarm-form-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.form-error{color:var(--critical-text);font-size:var(--text-sm);font-weight:600}.state{padding:var(--space-6) var(--space-5);color:var(--muted);text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius)}.state--error{color:var(--critical-text);border-color:color-mix(in oklch, var(--critical) 50%, transparent)}.state strong{margin-bottom:var(--space-1);color:var(--ink);font-size:var(--text-lg);display:block}.skeleton{gap:var(--space-3);display:grid}.skeleton>span{background:linear-gradient(90deg, var(--surface-2), var(--surface), var(--surface-2));border-radius:var(--radius);background-size:200% 100%;height:5.5rem;animation:1.4s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}@media (forced-colors:active){.segmented [aria-current=true],.segmented [aria-pressed=true],.segmented [aria-current=page]{border:2px solid highlight;text-decoration:underline}.metric[aria-pressed=true]{border:3px solid highlight}.nav-link[aria-current=page]{text-underline-offset:.4em;text-decoration:underline;text-decoration-thickness:3px}.nav-link[aria-current=page]:after{display:none}.status-icon{fill:canvastext}.health-bar{gap:3px}.health-bar>span{forced-color-adjust:none;border:1px solid canvastext}.alarm{border-left:6px solid canvastext}.alarm:before{display:none}.chart-line{stroke:highlight}.chart-band{fill:none;stroke:highlight;stroke-dasharray:2 3}.chart-acceptable{fill:none;stroke:canvastext}.chart-limit,.chart-cursor line{stroke:canvastext}.chart-tick,.chart-unit,.chart-tick-sub{fill:canvastext}.chart-legend-swatch{background:0 0;border-color:canvastext}}
