.kpi-card{gap:var(--yw-space-1);padding:var(--yw-space-4) var(--yw-space-5);background:var(--yw-card-bg);border:1px solid var(--yw-card-border);border-radius:var(--yw-radius-lg);text-align:left;flex-direction:column;font-family:inherit;display:flex}.kpi-card--clickable{cursor:pointer;transition:transform var(--yw-transition-fast), box-shadow var(--yw-transition-fast);width:100%}.kpi-card--clickable:hover{box-shadow:var(--yw-shadow-sm);transform:translateY(-1px)}.kpi-card--clickable:focus-visible{outline:2px solid var(--yw-border-focus);outline-offset:2px}.kpi-card__header{align-items:center;gap:var(--yw-space-2);display:flex}.kpi-card__icon{color:var(--yw-text-tertiary);align-items:center;display:flex}.kpi-card__label{font-size:var(--yw-text-sm);color:var(--yw-text-secondary);font-weight:var(--yw-font-medium)}.kpi-card__value-row{align-items:baseline;gap:var(--yw-space-1);display:flex}.kpi-card__value{font-size:var(--yw-text-2xl);font-weight:var(--yw-font-bold);color:var(--yw-text-primary);line-height:1}.kpi-card__unit{font-size:var(--yw-text-sm);color:var(--yw-text-tertiary)}.kpi-card__trend{font-size:var(--yw-text-xs);font-weight:var(--yw-font-medium);align-items:center;gap:3px;display:flex}.kpi-card__trend--positive{color:var(--yw-status-success-text)}.kpi-card__trend--negative{color:var(--yw-status-danger-text)}.kpi-card__trend--flat{color:var(--yw-text-tertiary)}