@keyframes shimmer {
    100% {
        left: 125%;
    }
}

.animate-shine {
    animation: shimmer 3s infinite linear;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.animate-fade-in-up {
    animation: fadeInUp 0.5s ease-out forwards;
}

/* Custom styles specific to the receipt look if needed beyond tailwind */
.receipt {
    background-image: 
        radial-gradient(circle at 100% 100%, transparent 10px, #ffffff 10px), 
        radial-gradient(circle at 0 100%, transparent 10px, #ffffff 10px);
    background-position: bottom left, bottom right;
    background-repeat: no-repeat;
    background-size: 51% 20px;
}