/* Custom styles for the dashboard */
.active-nav {
    background-color: rgba(79, 70, 229, 0.7);
    border-left: 4px solid white;
}

/* Scrollbar customization */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

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

::-webkit-scrollbar-thumb {
    background: #c5c5c5;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0;
}

/* Card hover effect */
.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* Custom animation for loading states */
@keyframes pulse {
    0% {
        opacity: 0.6;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.6;
    }
}

.pulse-animation {
    animation: pulse 1.5s infinite ease-in-out;
}

/* Status indicators */
.status-success {
    background-color: #10B981;
}

.status-warning {
    background-color: #F59E0B;
}

.status-danger {
    background-color: #EF4444;
}

.status-info {
    background-color: #3B82F6;
}

.status-neutral {
    background-color: #6B7280;
}

/* Chart containers */
.chart-container {
    height: 300px;
    width: 100%;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .chart-container {
        height: 250px;
    }
}

@media (max-width: 768px) {
    .chart-container {
        height: 200px;
    }
}