/* KPI Card */
.kpi-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    height: 142px;
    background: var(--accent-light-blue);
    border: 1px solid #AEF4FF;
    border-radius: var(--radius-8);
    box-shadow: 0px 1px 2px 0px #1018280F;
    box-shadow: 0px 1px 3px 0px #1018281A;
}

/* Title */
.kpi-title {
    
    height: 30px;
    margin-bottom:8px;
    font-family: var(--font-sidebar);
    font-weight: var(--fw-medium);
    font-size: var(--fs-20);
    line-height: 30px;
    color: var(--neutral-black);
}

/* Metric row (value + unit) */
.kpi-metric {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 4px;
    width: 100%;
}

.kpi-value {
    font-family: var(--font-sidebar);
    font-weight: var(--fw-semi-bold);
    font-size: var(--fs-60);
    line-height: 72px;
    letter-spacing: -0.02em;
    color: var(--neutral-black);
}

.kpi-unit {
    font-family: var(--font-sidebar);
    font-weight: var(--fw-medium);
    font-size: var(--fs-20);
    line-height: 30px;
    color: var(--neutral-gray-600);
    margin-top:37px;
   
}