style.css

/* Cosmic theme animations */
@keyframes cosmic-pulse {
    0%, 100% {
        box-shadow: 0 0 5px rgba(124, 58, 237, 0.5);
    }
    50% {
        box-shadow: 0 0 20px rgba(124, 58, 237, 0.8);
    }
}

.cosmic-pulse {
    animation: cosmic-pulse 2s infinite;
}

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

::-webkit-scrollbar-track {
    background: rgba(31, 41, 55, 0.5);
}

::-webkit-scrollbar-thumb {
    background: rgba(124, 58, 237, 0.5);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(124, 58, 237, 0.8);
}

/* Tab styling */
.tab-active {
    background-color: rgba(31, 41, 55, 0.9) !important;
    border-bottom: 2px solid #7c3aed;
}

.tab-inactive {
    background-color: rgba(31, 41, 55, 0.7) !important;
}

/* Smooth transitions */
.smooth-transition {
    transition: all 0.3s ease;
}

/* Cosmic gradient background */
.celestial-bg {
    background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
}