.sl-kpi-grid{box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--kpi-min-w),1fr));gap:var(--space-16);align-items:stretch;margin-bottom:var(--space-16)}.sl-kpi-grid *,.sl-kpi-grid *::before,.sl-kpi-grid *::after{box-sizing:border-box}@media(max-width:991.98px){.sl-kpi-grid{grid-template-columns:1fr}}.sl-kpi{display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);min-height:var(--kpi-min-h);padding:var(--space-16);color:var(--text-primary);text-decoration:none;background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--motion-micro) var(--motion-ease),background-color var(--motion-micro) var(--motion-ease)}a.sl-kpi:hover{border-color:var(--border-strong);background:var(--surface-sunken);color:var(--text-primary);text-decoration:none}a.sl-kpi:focus-visible{outline:var(--border-w-strong) solid var(--link);outline-offset:var(--space-4)}.sl-kpi__label{font-size:var(--font-12);line-height:var(--line-12);font-weight:var(--weight-medium);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-kpi__value{font-size:var(--font-24);line-height:var(--line-24);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;transition:color var(--motion-micro) var(--motion-ease)}.sl-kpi__comparison,.sl-kpi__note{font-size:var(--font-12);line-height:var(--line-12);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-kpi--warning .sl-kpi__value{color:var(--status-warning-text)}.sl-kpi--danger .sl-kpi__value{color:var(--status-danger-text)}.sl-kpi--nodata .sl-kpi__value{color:var(--text-muted)}.sl-kpi__bar{width:var(--space-48);height:var(--line-24);border-radius:var(--radius-sm);background:var(--surface-raised);animation:sl-kpi-pulse 1200ms ease-in-out infinite}@keyframes sl-kpi-pulse{0%,100%{opacity:1}50%{opacity:.55}}.sl-kpi--error .sl-kpi__value{color:var(--text-muted)}.sl-kpi__retry{align-self:center;justify-self:start;padding:var(--space-4) var(--space-12);font-size:var(--font-12);line-height:var(--line-12);color:var(--link);background:transparent;border:0;cursor:pointer;text-decoration:underline}.sl-kpi__retry:focus-visible{outline:var(--border-w-strong) solid var(--link);outline-offset:var(--space-4)}@media(prefers-reduced-motion:reduce){.sl-kpi,.sl-kpi__value,.sl-kpi__bar{transition:none;animation:none}}