@layer components{.input{min-height:var(--control-height);border:var(--border-width) solid var(--ui-control-border);border-radius:var(--radius-control);background:var(--ui-control-surface);width:100%;padding-inline:var(--space-3);color:var(--color-text);outline:none}.input:focus{border-color:var(--color-primary-solid)}.ui-canvas{background:var(--color-page-bg);color:var(--color-text)}.ui-bg-canvas{background:var(--color-page-bg)}.ui-bg-surface{background:var(--color-surface)}.ui-bg-raised{background:var(--color-surface-raised)}.ui-bg-overlay{background:var(--color-overlay)}.ui-border{border-color:var(--color-border)}.ui-border-strong{border-color:var(--color-border-strong)}.ui-text{color:var(--color-text)}.ui-text-muted{color:var(--color-text-muted)}.ui-text-subtle{color:var(--color-text-subtle)}.ui-text-brand{color:var(--color-primary)}.ui-bg-brand-soft{background:var(--color-primary-soft)}.ui-page-header{gap:var(--space-4);flex-direction:column;display:flex}.ui-page-main{min-width:0}.ui-page-eyebrow{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ui-page-title{margin-top:var(--space-1);color:var(--color-text);font-size:var(--font-size-page-title);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.ui-page-description{margin-top:var(--space-2);max-width:48rem;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-copy)}.ui-page-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-surface{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-section)}.ui-surface-section{background:var(--color-surface)}.ui-surface-raised{background:var(--color-surface-raised);box-shadow:var(--shadow-raised)}.ui-surface-overlay{background:var(--color-overlay);box-shadow:var(--shadow-overlay)}.ui-metric-card{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--card-padding)}.ui-interactive{transition:border-color .15s,background-color .15s,transform .15s}.ui-interactive:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.ui-metric-topline{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.ui-metric-icon{border-radius:var(--radius-control);background:var(--color-primary-soft);color:var(--color-primary);justify-content:center;align-items:center;padding:.625rem;display:inline-flex}.ui-metric-badge{font-size:var(--font-size-micro);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-badge);text-transform:uppercase}.ui-metric-value{margin-top:var(--space-4);color:var(--color-text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight)}.ui-metric-label{margin-top:var(--space-1);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.ui-metric-detail{margin-top:var(--space-1);color:var(--color-text-subtle);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.ui-tone-brand{--ui-tone:var(--color-primary);--ui-tone-soft:var(--color-primary-soft)}.ui-tone-info{--ui-tone:var(--color-info);--ui-tone-soft:var(--color-info-soft)}.ui-tone-success{--ui-tone:var(--color-success);--ui-tone-soft:var(--color-success-soft)}.ui-tone-warning{--ui-tone:var(--color-warning);--ui-tone-soft:var(--color-warning-soft)}.ui-tone-danger{--ui-tone:var(--color-danger);--ui-tone-soft:var(--color-danger-soft)}.ui-tone-neutral{--ui-tone:var(--color-text-muted);--ui-tone-soft:color-mix(in srgb, var(--color-text-muted) 14%, transparent)}.ui-metric-card.ui-tone-warning,.ui-metric-card.ui-tone-danger,.ui-metric-card.ui-tone-info,.ui-metric-card.ui-tone-success{border-color:color-mix(in srgb, var(--ui-tone) 38%, transparent);background:var(--ui-tone-soft)}.ui-metric-card[class*=ui-tone-] .ui-metric-icon{background:var(--ui-tone-soft);color:var(--ui-tone)}.ui-metric-card[class*=ui-tone-] .ui-metric-badge{color:var(--ui-tone)}.ui-status-badge{border-radius:var(--radius-pill);background:var(--ui-tone-soft);padding:var(--space-1) .625rem;color:var(--ui-tone);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);align-items:center;display:inline-flex}.ui-alert{gap:var(--space-3);border:var(--border-width) solid color-mix(in srgb, var(--ui-tone) 30%, transparent);border-radius:var(--radius-card);background:var(--ui-tone-soft);color:var(--ui-tone);padding:.875rem;display:flex}.ui-alert-icon{flex:none;margin-top:.125rem}.ui-alert-content{min-width:0}.ui-alert-title{font-weight:var(--font-weight-bold)}.ui-alert-body{color:color-mix(in srgb, var(--ui-tone) 82%, var(--color-text));font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.ui-alert-title+.ui-alert-body{margin-top:.125rem}.ui-empty-state{border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-card);padding:var(--space-7);text-align:center}.ui-empty-icon{color:var(--color-text-subtle);margin-inline:auto}.ui-empty-title{margin-top:var(--space-3);color:var(--color-text);font-weight:var(--font-weight-bold)}.ui-empty-description{max-width:36rem;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-copy);margin:.375rem auto 0}.ui-empty-action{margin-top:var(--space-4)}.ui-action-primary,.ui-action-secondary{min-height:var(--control-height);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-control);padding-inline:var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transition:background-color .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.ui-action-primary{border:var(--border-width) solid transparent;background:var(--color-primary-solid);color:var(--color-primary-contrast)}.ui-action-primary:hover{background:var(--color-primary-hover)}.ui-action-secondary{border:var(--border-width) solid var(--ui-control-border);background:var(--ui-control-surface);color:var(--color-text)}.ui-action-secondary:hover{border-color:var(--color-primary);background:var(--ui-control-hover);color:var(--color-primary)}.ui-action-primary:focus-visible,.ui-action-secondary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ui-action-primary:disabled,.ui-action-secondary:disabled{cursor:not-allowed;opacity:.5}.ui-filter-bar{align-items:end;gap:var(--space-3);border:var(--border-width) solid var(--ui-control-border);border-radius:var(--radius-card);background:var(--ui-control-surface);flex-wrap:wrap;padding:.875rem;display:flex}.ui-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-tab{align-items:center;gap:var(--space-2);border:var(--border-width) solid var(--ui-control-border);border-radius:var(--radius-control);background:var(--ui-control-surface);min-height:2.5rem;padding-inline:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-flex}.ui-tab:hover{border-color:var(--color-border-strong);background:var(--ui-control-hover);color:var(--color-text)}.ui-tab-active{border-color:color-mix(in srgb, var(--color-primary) 55%, transparent);background:var(--color-primary-soft);color:var(--color-primary)}.ui-tab-count{border-radius:var(--radius-pill);background:var(--color-overlay);font-size:var(--font-size-caption);padding:.1rem .45rem}.ui-form-field{gap:var(--space-2);display:grid}.ui-form-label{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ui-form-description{color:var(--color-text-subtle);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.ui-technical-details{color:var(--color-text-muted);font-size:var(--font-size-xs)}.ui-technical-details>summary{cursor:pointer;font-weight:var(--font-weight-bold)}.ui-technical-content{margin-top:var(--space-2);border-radius:var(--radius-control);background:var(--color-surface-raised);padding:var(--space-3)}@media (min-width:640px){.ui-page-header{flex-direction:row;justify-content:space-between;align-items:end}.ui-page-actions{justify-content:flex-end}}}