/* Custom styles and transitions */
.nav-btn {
    transition: all 0.25s ease-in-out;
}
.nav-btn:hover {
    background-color: #1e293b;
    border-color: #06b6d4;
    padding-left: 1.25rem;
}
.tab-content {
    animation: fadeIn 0.4s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}
.res-tab-content {
    animation: fadeIn 0.3s ease-in-out;
}
select {
    background-color: #0f172a !important;
    color: #22d3ee !important;
    border: 1px solid #334155 !important;
    padding: 4px 8px;
    border-radius: 4px;
}
select:focus {
    border-color: #22d3ee !important;
    outline: none;
}