/* Dashboard specific styles */
.stat-card {
    transition: transform 0.2s ease-in-out;
}

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

.chart-container {
    position: relative;
    margin: auto;
}

/* Activity Feed Styles */
.activity-item {
    @apply px-6 py-4;
    transition: background-color 0.2s ease-in-out;
}

.activity-item:hover {
    @apply bg-gray-50;
}

.activity-icon {
    @apply flex-shrink-0 h-6 w-6;
}

.activity-content {
    @apply ml-3 flex-1;
}

.activity-time {
    @apply text-sm text-gray-500;
}

/* Chart Tooltips */
.chart-tooltip {
    @apply bg-white shadow-lg rounded-lg p-2 text-sm;
}

/* Responsive Adjustments */
@media (max-width: 640px) {
    .chart-container {
        height: 250px !important;
    }
}

/* Animation for chart loading */
@keyframes chartFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.chart-container canvas {
    animation: chartFadeIn 0.6s ease-out forwards;
}