:root {
    --brand: #1f4d7a;
    --accent: #ec9b3b;
    --soft-bg: #f3f6fa;
}

body {
    background: radial-gradient(circle at top right, #dbe8f6, #f8fafc 45%, #ffffff);
    min-height: 100vh;
}

.card-kpi {
    border: 0;
    background: linear-gradient(145deg, #ffffff, #edf3fa);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

.card-kpi p {
    margin: 0;
    color: #6b7280;
}

.card-kpi h2 {
    margin: 6px 0 0;
    color: var(--brand);
    font-size: 1.5rem;
}

.hero-store {
    background: linear-gradient(120deg, var(--brand), #15304b 70%);
}

@media (max-width: 768px) {
    .navbar .navbar-nav {
        margin-top: 12px;
    }
}