.kpi-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--card-shadow);transition:border-color var(--transition-base),box-shadow var(--transition-base);gap:var(--space-4);flex-direction:column;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:linear-gradient(135deg, transparent 60%, var(--accent-overlay,transparent) 100%);opacity:0;pointer-events:none;transition:opacity var(--transition-base);position:absolute;inset:0}.kpi-card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow)}.kpi-card:hover:before{opacity:.4}.kpi-card--primary{--accent-color:var(--primary);--accent-overlay:var(--primary-soft)}.kpi-card--accent{--accent-color:var(--accent);--accent-overlay:var(--accent-soft)}.kpi-card--success{--accent-color:var(--success);--accent-overlay:var(--success-soft)}.kpi-card--warning{--accent-color:var(--warning);--accent-overlay:var(--warning-soft)}.kpi-card--error{--accent-color:var(--error);--accent-overlay:var(--error-soft)}.kpi-card--info{--accent-color:var(--info);--accent-overlay:var(--info-soft)}.kpi-card__top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.kpi-card__icon{border-radius:var(--radius-md);background-color:var(--accent-overlay);width:44px;height:44px;color:var(--accent-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi-card__icon svg{width:22px;height:22px}.kpi-card__trend{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);align-items:center;gap:2px;padding:4px 8px;line-height:1;display:inline-flex}.kpi-card__trend--up{color:var(--success);background-color:var(--success-soft)}.kpi-card__trend--down{color:var(--error);background-color:var(--error-soft)}.kpi-card__trend--flat{color:var(--muted);background-color:var(--surface-2)}.kpi-card__trend-label{color:var(--muted);font-weight:var(--fw-medium);margin-left:4px}@media (max-width:480px){.kpi-card__trend-label{display:none}}.kpi-card__body{gap:var(--space-1);flex-direction:column;display:flex}.kpi-card__value{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--foreground);letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1.1}.kpi-card__label{font-size:var(--text-sm);color:var(--muted);font-weight:var(--fw-medium);line-height:var(--lh-snug)}@media (max-width:768px){.kpi-card{padding:var(--space-4);gap:var(--space-3)}.kpi-card__icon{width:40px;height:40px}.kpi-card__icon svg{width:20px;height:20px}.kpi-card__value{font-size:var(--text-xl)}}@media (max-width:480px){.kpi-card{padding:var(--space-3);gap:var(--space-2)}.kpi-card__icon{width:36px;height:36px}.kpi-card__icon svg{width:18px;height:18px}.kpi-card__value{font-size:var(--text-lg)}.kpi-card__label{font-size:var(--text-xs)}}