/* Dashboard Specific Styles */

/* Circular Progress Chart */
.circular-chart circle {
    transition: stroke-dashoffset 1s ease-in-out;
}

/* Stats Animation */
.stat-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

/* Progress Bar Animation */
.progress-bar {
    transition: width 1s ease-out;
}

/* Welcome Banner */
.welcome-banner {
    background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
}

/* Dashboard Cards Gradient */
.card-gradient-purple {
    background: linear-gradient(135deg, #F5F3FF 0%, #EDE9FE 100%);
}

.card-gradient-pink {
    background: linear-gradient(135deg, #FCE7F3 0%, #FEF3C7 100%);
}

.card-gradient-yellow {
    background: linear-gradient(135deg, #FEF3C7 0%, #FED7AA 100%);
}

.card-gradient-blue {
    background: linear-gradient(135deg, #DBEAFE 0%, #BFDBFE 100%);
}

/* Message Type Chart */
.message-chart-bar {
    transition: width 0.8s ease-out;
    background: linear-gradient(90deg, #60A5FA 0%, #3B82F6 100%);
}

/* Success Rate Circle */
.success-circle {
    stroke-dasharray: 351.86;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1.5s ease-in-out;
}

/* Floating Action Button */
.fab {
    transition: all 0.3s ease;
}

.fab:hover {
    transform: scale(1.1);
    box-shadow: 0 12px 24px rgba(124, 58, 237, 0.3);
}

/* Card Hover Effects */
.dashboard-card {
    transition: all 0.3s ease;
}

.dashboard-card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

/* Stats Number Animation */
@keyframes countUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stat-number {
    animation: countUp 0.6s ease-out;
}

/* Balance Card Gradient */
.balance-card {
    background: linear-gradient(135deg, #A855F7 0%, #3B82F6 100%);
}