/* Additional custom styles for charts */
.chart-wrapper {
    position: relative;
    height: 300px;
    margin-top: 1rem;
}

/* Custom card styling */
.card {
    transition: transform 0.2s ease-in-out;
}

.card:hover {
    transform: translateY(-2px);
}

/* Responsive chart heights */
@media (max-width: 768px) {
    .chart-wrapper {
        height: 250px;
    }
}

@media (max-width: 480px) {
    .chart-wrapper {
        height: 220px;
    }
}