.t-display,.t-metric-xl,.t-metric,.t-metric-sm{font-family:var(--font-family-base);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.t-display{font-size:var(--type-display-size);font-weight:var(--type-display-weight);line-height:var(--type-display-line);letter-spacing:var(--type-display-tracking)}.t-metric-xl{font-size:var(--type-metric-xl-size);font-weight:var(--type-metric-xl-weight);line-height:var(--type-metric-xl-line);letter-spacing:var(--type-metric-xl-tracking)}.t-metric{font-size:var(--type-metric-size);font-weight:var(--type-metric-weight);line-height:var(--type-metric-line);letter-spacing:var(--type-metric-tracking)}.t-metric-sm{font-size:var(--type-metric-sm-size);font-weight:var(--type-metric-sm-weight);line-height:var(--type-metric-sm-line);letter-spacing:var(--type-metric-sm-tracking)}.t-title{font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-line);letter-spacing:var(--type-title-tracking)}.t-subtitle{font-size:var(--type-subtitle-size);font-weight:var(--type-subtitle-weight);line-height:var(--type-subtitle-line);letter-spacing:var(--type-subtitle-tracking)}.t-body{font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line)}.t-body-sm{font-size:var(--type-body-sm-size);font-weight:var(--type-body-sm-weight);line-height:var(--type-body-sm-line)}.t-label{font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line);letter-spacing:var(--type-label-tracking);text-transform:uppercase;color:var(--text-muted)}.t-caption{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line);color:var(--text-muted)}.pui-page{gap:var(--space-5);width:100%;max-width:var(--content-max);flex-direction:column;min-width:0;margin:0 auto;display:flex}.pui-stack{flex-direction:column;min-width:0;display:flex}.pui-row{flex-wrap:wrap;min-width:0;display:flex}.pui-row--nowrap{flex-wrap:nowrap}.pui-grid{min-width:0;display:grid}.pui-section{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.pui-section__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);min-width:0;display:flex}.pui-section__titles{flex-direction:column;gap:2px;min-width:0;display:flex}.pui-section__title{color:var(--text-primary);margin:0}.pui-section__hint{color:var(--text-secondary);max-width:68ch;margin:0}.pui-card{gap:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);flex-direction:column;min-width:0;display:flex}.pui-card--hero{background:var(--bg-elevated);border-radius:var(--radius-xl);padding:var(--space-6)}.pui-card--quiet{border-color:var(--border-subtle);background:0 0}.pui-card--inset{background:var(--bg-inset);border-color:var(--border-subtle);padding:var(--space-4)}.pui-card--tone-success{border-left:2px solid var(--status-success)}.pui-card--tone-warning{border-left:2px solid var(--status-warning)}.pui-card--tone-critical{border-left:2px solid var(--status-critical)}.pui-card--tone-accent{border-left:2px solid var(--accent)}.pui-card__head{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;display:flex}.pui-card__title{color:var(--text-primary);margin:0}.pui-card__title.t-label{font-size:var(--type-subtitle-size);font-weight:var(--type-subtitle-weight);letter-spacing:var(--type-subtitle-tracking);line-height:var(--type-subtitle-line);text-transform:none;color:var(--text-primary)}.pui-card__body{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.pui-metric{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.pui-metric__label{align-items:center;gap:var(--space-2);display:flex}.pui-metric__value{align-items:baseline;gap:var(--space-2);color:var(--text-primary);flex-wrap:wrap;display:flex}.pui-metric__unit{font-family:var(--font-family-base);font-size:var(--type-body-size);letter-spacing:0;color:var(--text-muted);font-weight:500}.pui-metric__meta{color:var(--text-muted);font-size:var(--type-caption-size);line-height:var(--type-caption-line);margin:0}.pui-metric--success .pui-metric__figure{color:var(--status-success)}.pui-metric--warning .pui-metric__figure{color:var(--status-warning)}.pui-metric--critical .pui-metric__figure{color:var(--status-critical)}.pui-metric--accent .pui-metric__figure{color:var(--accent)}.pui-metric--missing .pui-metric__figure{color:var(--text-muted)}.pui-badge{align-items:center;gap:var(--space-1);font-size:var(--type-caption-size);letter-spacing:.03em;border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #0000;padding:3px 9px;font-weight:600;display:inline-flex}.pui-badge__dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.pui-badge--success{color:var(--status-success);background:var(--status-success-wash);border-color:#54de8b40}.pui-badge--warning{color:var(--status-warning);background:var(--status-warning-wash);border-color:#fbbf2440}.pui-badge--critical{color:var(--status-critical);background:var(--status-critical-wash);border-color:#fb718540}.pui-badge--info{color:var(--status-info);background:var(--status-info-wash);border-color:#60a5fa40}.pui-badge--neutral{color:var(--text-muted);border-color:var(--border-subtle);background:#7b8f871f}.pui-badge--accent{color:var(--accent);background:var(--accent-wash);border-color:var(--accent-line)}.pui-trend{font-size:var(--type-caption-size);font-variant-numeric:tabular-nums;border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:3px;padding:2px 7px;font-weight:600;display:inline-flex}.pui-trend--good{color:var(--status-success);background:var(--status-success-wash)}.pui-trend--watch{color:var(--status-warning);background:var(--status-warning-wash)}.pui-trend--flat{color:var(--text-muted);background:#7b8f871f}.pui-button{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family-base);font-size:var(--type-body-size);letter-spacing:-.005em;padding:0 var(--space-4);min-height:var(--touch-target-min);border-radius:var(--radius-sm);border:1px solid var(--border-control);color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), transform 90ms var(--ease);background:0 0;font-weight:600;display:inline-flex}.pui-button:hover:not(:disabled){background:var(--bg-overlay)}.pui-button:active:not(:disabled){transform:translateY(1px)}.pui-button:disabled{opacity:.5;cursor:not-allowed}.pui-button--primary{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.pui-button--primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.pui-button--ghost{color:var(--text-secondary);border-color:#0000}.pui-button--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-surface)}.pui-button--danger{color:var(--status-critical);border-color:#fb718573}.pui-button--danger:hover:not(:disabled){background:var(--status-critical-wash)}.pui-button--sm{font-size:var(--type-body-sm-size);padding:0 var(--space-3);min-height:34px}.pui-button--block{width:100%}.pui-datastatus{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:0 0;flex-wrap:wrap;min-width:0;display:flex}.pui-datastatus__left,.pui-datastatus__right{align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.pui-datastatus__text{color:var(--text-secondary);font-size:var(--type-body-sm-size);min-width:0}.pui-empty{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-inset);flex-direction:column;display:flex}.pui-empty__title{color:var(--text-primary);margin:0}.pui-empty__body{color:var(--text-secondary);max-width:42ch;margin:0}.pui-empty__action{margin-top:var(--space-2)}.pui-ring-figure{width:var(--pui-ring-size,148px);height:var(--pui-ring-size,148px);flex:none;margin:0;position:relative}.pui-ring-figure__content{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.pui-ring{flex:none;width:100%;height:100%;display:block}.pui-ring__track{fill:none;stroke:var(--bg-inset)}.pui-ring__value{fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease)}.pui-spark{width:100%;height:40px;display:block;overflow:visible}.pui-spark__line{fill:none;stroke:var(--accent-dim);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.pui-spark__area{fill:var(--accent-wash);stroke:none}.pui-spark__end{fill:var(--accent)}.pui-loadbar{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.pui-loadbar__track{border-radius:var(--radius-pill);background:var(--bg-inset);height:8px;position:relative;overflow:hidden}.pui-loadbar__band{background:var(--status-success);opacity:.3;position:absolute;inset-block:0}.pui-loadbar__marker{background:var(--text-primary);border-radius:1px;width:2px;position:absolute;inset-block:-4px}.pui-loadbar__scale{color:var(--text-muted);font-size:var(--type-caption-size);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}@media (prefers-reduced-motion:reduce){.pui-ring__value{transition:none}}@media (width<=760px){.pui-card{padding:var(--space-4);border-radius:var(--radius-md)}.pui-card--hero{padding:var(--space-5);border-radius:var(--radius-lg)}.pui-section__head{flex-wrap:wrap}}.pui-select{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.pui-select__label{color:var(--text-muted)}.pui-select__control{appearance:none;min-height:var(--touch-target-min);width:100%;padding:0 calc(var(--space-6) + var(--space-2)) 0 var(--space-3);border:1px solid var(--border-control);border-radius:var(--radius-control);background-color:var(--bg-inset);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239eb0a8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--type-body-size);cursor:pointer;line-height:1.2}.pui-select__control:hover{border-color:var(--border-strong)}.pui-select__control:disabled{color:var(--text-muted);cursor:not-allowed}.pui-select__control option{background-color:var(--bg-elevated);color:var(--text-primary)}.pui-disclosure{border-top:1px solid var(--border-subtle);margin-top:var(--space-4)}.pui-disclosure+.pui-disclosure{margin-top:0}.pui-disclosure__summary{align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-2) 0;color:var(--accent);font-size:var(--type-body-sm-size);cursor:pointer;font-weight:500;list-style:none;display:flex}.pui-disclosure__summary::-webkit-details-marker{display:none}.pui-disclosure__summary:before{content:"";width:0;height:0;transition:transform var(--duration-fast) var(--ease);border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid}.pui-disclosure[open]>.pui-disclosure__summary:before{transform:rotate(90deg)}.pui-disclosure__summary:hover{color:var(--accent-strong)}.pui-disclosure__body{padding:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--type-body-sm-size);line-height:1.55}.pui-disclosure__body>:first-child{margin-top:0}.pui-disclosure__body>:last-child{margin-bottom:0}.pui-barrow{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.pui-barrow__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);min-width:0;display:flex}.pui-barrow__label{color:var(--text-secondary);font-size:var(--type-body-sm-size);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pui-barrow__value{color:var(--text-primary);font-size:var(--type-body-sm-size);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.pui-barrow__track{background:var(--bg-inset);border-radius:999px;height:6px;overflow:hidden}.pui-barrow__fill{height:100%;transition:width var(--duration-slow) var(--ease);border-radius:999px}.pui-barrow__meta{color:var(--text-muted);font-size:var(--type-caption-size)}.pui-stack{flex-direction:column;display:flex}.pui-stack__plot{justify-content:flex-start;align-items:flex-end;gap:var(--space-3);width:100%;display:flex}.pui-stack__column{justify-content:flex-end;gap:var(--space-2);flex-direction:column;flex:auto;min-width:0;max-width:56px;height:100%;display:flex}.pui-stack__bar{border-radius:var(--radius-xs);background:var(--bg-inset);flex-direction:column-reverse;height:100%;display:flex;overflow:hidden}.pui-stack__segment{width:100%}.pui-stack__undescribed{border:1px dashed var(--border-control);border-radius:var(--radius-xs);background:repeating-linear-gradient(45deg, transparent, transparent 3px, var(--border-strong) 3px, var(--border-strong) 5px);height:100%}.pui-stack__label{color:var(--text-muted);font-size:var(--type-caption-size);text-align:center;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pui-empty--inline{text-align:left;background:0 0;border:0;align-items:flex-start;padding:0}.pui-empty--inline .pui-empty__body{max-width:62ch}.pui-trendline{flex-direction:column;gap:6px;width:100%;margin:0;display:flex}.pui-trendline__axis{font-size:var(--type-caption-size);color:var(--text-secondary);justify-content:space-between;display:flex}.pui-trendline__svg{width:100%;display:block;overflow:visible}.pui-trendline__line{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.pui-trendline__dot{stroke-width:2px}.pui-trendline__band{fill:var(--bg-elevated)}.pui-segmented{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);max-width:100%;display:inline-flex;overflow:hidden}.pui-segmented__item{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;min-height:var(--touch-target-min);padding:0 var(--space-4);color:var(--text-secondary);font-family:var(--font-family-base);font-size:var(--type-body-sm-size);white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);background:0 0;border:0;flex:auto;font-weight:500;display:inline-flex}.pui-segmented__item+.pui-segmented__item{border-left:1px solid var(--border-default)}.pui-segmented__item:hover{background:var(--bg-overlay);color:var(--text-primary)}.pui-segmented__item--active{background:var(--bg-elevated);color:var(--text-primary);font-weight:600}.pui-segmented__hint{color:var(--text-muted);font-size:var(--type-caption-size);font-variant-numeric:tabular-nums}.pui-segmented__item--active .pui-segmented__hint{color:var(--text-secondary)}