/* Custom Modern UI Styles for Control Presupuestal */

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes scaleUp {
    from { opacity: 0; transform: scale(0.96); }
    to { opacity: 1; transform: scale(1); }
}

.animate-fadeIn {
    animation: fadeIn 0.25s ease-out forwards;
}

.animate-scaleUp {
    animation: scaleUp 0.2s ease-out forwards;
}

.active-nav {
    background-color: rgb(30 41 59 / 0.9) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

/* Custom modern scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f8fafc;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Table Hover & Transitions */
tbody tr {
    transition: background-color 0.15s ease;
}

tbody tr:hover {
    background-color: #f8fafc;
}