.custom-alert {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: inherit;
    color: inherit;
    filter: brightness(1.5);
    font-style: inherit;
    font-weight: bold;
    font-size: 1.5rem; 
    padding: 20px 30px;
    border-radius: 8px;
    border-style: solid;
    border-color: inherit;
    border-width: 3px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    z-index: 9999;
    text-align: center;
    min-width: 250px;
}

.custom-alert.show {
    display: block;
    animation: fadein 0.3s ease;
}

@keyframes fadein {
    from { opacity: 0; transform: translate(-50%, -60%); }
    to { opacity: 1; transform: translate(-50%, -50%); }
}