.dashboard-card {
    @apply p-6 rounded-xl shadow-md transition-all duration-300 transform hover:shadow-lg hover:-translate-y-1;
    border-top: 4px solid;
}

.dashboard-card:nth-child(odd) {
    border-color: theme('colors.primary.500');
}

.dashboard-card:nth-child(even) {
    border-color: theme('colors.secondary.500');
}

.card-icon {
    @apply w-14 h-14 rounded-full flex items-center justify-center text-white mb-4;
}

.dashboard-card h3 {
    @apply text-xl font-bold mb-2;
}

.dashboard-card:nth-child(odd) h3 {
    @apply text-amber-800;
}

.dashboard-card:nth-child(even) h3 {
    @apply text-pink-700;
}

.dashboard-card p {
    @apply text-gray-600;
}

/* Animation classes */
@keyframes pulse-glow {
    0% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(245, 158, 11, 0); }
    100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0); }
}

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

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0px); }
}

.float {
    animation: float 3s ease-in-out infinite;
}