.flash-message {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    padding: 12px 20px;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    min-width: 300px;
    max-width: 80%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    animation: fadeInDown 0.4s ease;
}

.flash-message.error-message {
    background: #e74c3c;
    color: white;
}

.flash-message.success-message {
    background: #2ecc71;
    color: white;
}

.flash-message.info-message {
    background: #E67E22;
    color: white;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate(-50%, -20px);
    }
    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}