@keyframes progressAnimation {
        0% {
            width: 0%;
        }
    }

    .progress-bar {
        animation: progressAnimation 1.5s ease-out;
    }

    @keyframes shimmer {
        0% {
            background-position: -100% 0;
        }
        100% {
            background-position: 200% 0;
        }
    }

    .progress-shimmer {
        position: relative;
        overflow: hidden;
    }

    .progress-shimmer::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: repeating-linear-gradient(
            45deg,
            transparent,
            transparent 10px,
            rgba(255,255,255,0.1) 10px,
            rgba(255,255,255,0.1) 20px
        );
        animation: shimmer 1.5s linear infinite;
    }

    @keyframes pulse {
        0%, 100% {
            opacity: 1;
        }
        50% {
            opacity: 0.6;
        }
    }

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

    .circular-progress {
        transition: stroke-dashoffset 1.5s ease-out;
    }