body {
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.card-kpi {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    padding: 1rem;
}

.card-kpi p {
    color: #64748b;
    font-size: 0.875rem;
}

.card-kpi h3 {
    margin-top: 0.35rem;
    font-size: 1.2rem;
    font-weight: 700;
}

.badge {
    display: inline-block;
    border-radius: 999px;
    padding: 0.2rem 0.6rem;
    font-weight: 600;
    font-size: 0.78rem;
}

.badge-red {
    background: #fee2e2;
    color: #991b1b;
}

.badge-yellow {
    background: #fef9c3;
    color: #854d0e;
}

.badge-green {
    background: #dcfce7;
    color: #14532d;
}

.recommendation {
    display: inline-flex;
    align-items: center;
    border-radius: 0.65rem;
    padding: 0.2rem 0.5rem;
    font-weight: 600;
}

.recommendation-critical {
    background: #fee2e2;
    color: #991b1b;
}

.recommendation-attention {
    background: #ffedd5;
    color: #9a3412;
}

.recommendation-ok {
    background: #dcfce7;
    color: #14532d;
}

.recommendation-no_data {
    background: #f1f5f9;
    color: #334155;
}

#dropzone.is-dragover {
    border-color: #3b82f6;
    background: #eff6ff;
}