.app-kpi[data-v-f1cde578]{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.app-kpi--compact[data-v-f1cde578]{gap:var(--space-1)}.app-kpi--align-center[data-v-f1cde578]{align-items:center;text-align:center}.app-kpi[data-surface][data-v-f1cde578]:not([data-surface=default]){border:1px solid var(--outline);border-radius:var(--r-md);padding:var(--space-3) var(--space-4)}.app-kpi[data-surface=neutral][data-v-f1cde578]{background:var(--s-lowest);border-color:var(--hairline-2)}.app-kpi[data-surface=callout][data-v-f1cde578],.app-kpi[data-surface=info][data-v-f1cde578]{background:var(--info-soft);border-color:var(--info-line)}.app-kpi[data-surface=warn][data-v-f1cde578]{background:var(--warn-soft);border-color:var(--warn-line)}.app-kpi[data-surface=danger][data-v-f1cde578]{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 34%,transparent)}.app-kpi[data-surface=ok][data-v-f1cde578]{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 34%,transparent)}.app-kpi__value[data-v-f1cde578]{color:var(--fg);font-family:var(--font-mono);font-size:var(--text-title);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em;line-height:1}.app-kpi--compact .app-kpi__value[data-v-f1cde578]{font-size:var(--text-section)}.app-kpi__value[data-tone=ok][data-v-f1cde578]{color:var(--ok)}.app-kpi__value[data-tone=warn][data-v-f1cde578]{color:var(--warn)}.app-kpi__value[data-tone=danger][data-v-f1cde578]{color:var(--danger)}.app-kpi__value[data-tone=info][data-v-f1cde578]{color:var(--info)}.app-kpi__den[data-v-f1cde578]{color:var(--fg-muted);font-size:var(--text-lead);font-weight:500;opacity:.7}.app-kpi__label[data-v-f1cde578]{color:var(--fg-muted);font-size:var(--text-label);letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.app-kpi__sub[data-v-f1cde578]{color:var(--fg-variant);font-size:var(--text-small);line-height:1.4}.app-kpi__sub[data-tone=ok][data-v-f1cde578]{color:var(--ok)}.app-kpi__sub[data-tone=warn][data-v-f1cde578]{color:var(--warn)}.app-kpi__sub[data-tone=danger][data-v-f1cde578]{color:var(--danger)}.app-kpi__sub[data-tone=info][data-v-f1cde578]{color:var(--info)}.app-kpi[data-label-tone=fg] .app-kpi__label[data-v-f1cde578],.app-kpi[data-label-tone=fg] .app-kpi__sub[data-v-f1cde578]:not([data-tone=ok]):not([data-tone=warn]):not([data-tone=danger]):not([data-tone=info]){color:var(--fg)}.app-kpi__spark[data-v-f1cde578]{height:32px;width:100%}.app-kpi__bar[data-v-f1cde578]{background:var(--hairline-2);border-radius:var(--r-full);height:4px;overflow:hidden}.app-kpi__bar-fill[data-v-f1cde578]{border-radius:var(--r-full);display:block;height:100%;transition:width .2s var(--ease)}.app-kpi__bar-fill[data-v-f1cde578],.app-kpi__bar-fill--primary[data-v-f1cde578]{background:var(--primary-solid)}.app-kpi__bar-fill--ok[data-v-f1cde578]{background:var(--ok)}.app-kpi__bar-fill--warn[data-v-f1cde578]{background:var(--warn)}.app-kpi__bar-fill--danger[data-v-f1cde578]{background:var(--danger)}.app-kpi__bar-fill--info[data-v-f1cde578]{background:var(--info)}@media (prefers-reduced-motion:reduce){.app-kpi__bar-fill[data-v-f1cde578]{transition:none}}