@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    --brand: #3B2415;
    --brand-dark: #231207;
    --brand-light: #5C3A22;
    --gold: #C9A15C;
    --gold-dark: #A47C3B;
}

* { font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif; }

body { background: #F7F4F0; }

[x-cloak] { display: none !important; }

.sidebar-link.active {
    background: rgba(201, 161, 92, 0.16);
    color: #fff;
    border-left-color: var(--gold);
}

.sidebar-link.active svg { color: var(--gold); }

.brand-gradient {
    background: linear-gradient(150deg, var(--brand) 0%, var(--brand-light) 65%, #6b4527 100%);
}

.kpi-card {
    transition: transform .15s ease, box-shadow .15s ease;
}
.kpi-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px -6px rgba(59, 36, 21, 0.16), 0 8px 10px -6px rgba(59, 36, 21, 0.08);
}

.tile-card {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.tile-card:hover {
    transform: translateY(-4px) scale(1.015);
    box-shadow: 0 16px 32px -8px rgba(59, 36, 21, 0.18);
    border-color: var(--gold);
}

@keyframes fade-in-up {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
.fade-in-up { animation: fade-in-up .35s ease both; }

@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(201, 161, 92, 0.45); }
    50% { box-shadow: 0 0 0 8px rgba(201, 161, 92, 0); }
}
.cta-glow { animation: pulse-glow 2.2s ease-in-out infinite; }
.cta-glow:hover { animation-play-state: paused; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #d8cfc5; border-radius: 999px; }
::-webkit-scrollbar-track { background: transparent; }