.flash-popup {
    position: fixed;
    top: 30%;
    left: 55%;
    transform: translate(-50%, -50%);
    background-color: #d4edda; 
    color: #155724; 
    padding: 15px 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    z-index: 9999;
    text-align: center;
    min-width: 250px;
    max-width: 80%;
    animation: fadeOut 5s forwards;
}
@keyframes fadeOut {
    0%   { opacity: 1; }
    80%  { opacity: 1; }
    100% { opacity: 0; display: none; }
}


.flash-popup-error {
    position: fixed;
    top: 30% !important;
    left: 48% !important;
    transform: translate(-40%, -50%);
    background-color: #ebd3d5; 
    color: #ec1438; 
    padding: 15px 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    z-index: 9999;
    text-align: center;
    min-width: 250px;
    max-width: 80%;
    animation: fadeOut 5s forwards;
}
@keyframes fadeOut {
    0%   { opacity: 1; }
    80%  { opacity: 1; }
    100% { opacity: 0; display: none; }
}