/* Recent Transactions CSS */
.slide-down {
    animation: slideDown 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes slideDown {
    0% { transform: translateY(0); }
    100% { transform: translateY(100%); }
}
.slideInFromTop {
    animation: slideInFromTop 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes slideInFromTop {
    0% { transform: translateY(-100%); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
.slideOutToBottom {
    animation: slideOutToBottom 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes slideOutToBottom {
    0% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(100%); opacity: 0; }
}
.spinner {
    width: 30px;
    height: 30px;
    border: 3px solid rgba(255, 215, 0, 0.3);
    border-radius: 50%;
    border-top-color: #FFD700;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}