.auto-close-alert {
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    background: #f8d7da;
    color: #721c24;
    padding: 15px 30px;
    border-radius: 4px;
    border: 1px solid #f5c6cb;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 10000;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 80%;
    font-size: 14px;
    opacity: 0;
    transform-origin: center;
    animation: alertFade 2.5s ease-out forwards;
}

@keyframes alertFade {
    0% { opacity: 0; transform: translateX(-50%) scale(0.95); }
    10% { opacity: 1; transform: translateX(-50%) scale(1); }
    80% { opacity: 1; transform: translateX(-50%) scale(1); }
    100% { opacity: 0; transform: translateX(-50%) scale(0.95); }
}