/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #3f3f46;
    border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #52525b;
}

/* Tabs Animation */
.tab-content { 
    display: none; 
}
.tab-content.active { 
    display: block; 
    animation: fadeIn 0.4s ease-out; 
}

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

/* Glassmorphism Navigation */
.glass-nav {
    background: rgba(9, 9, 11, 0.8);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* Modal Styling & Animation */
.modal-overlay {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}
.modal-content {
    transform: scale(0.95) translateY(10px);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.modal-overlay.active .modal-content {
    transform: scale(1) translateY(0);
    opacity: 1;
}