.toast-container {
    position: fixed;
    top: 20px;
    right: -300px;
    min-width: 250px;
    max-width: 90%;
    padding: 16px;
    border-radius: 8px;
    color: #fff;
    font-size: 1rem;
    z-index: 9999;
    box-shadow: var(--card-shadow);
    transition: right 0.5s ease, opacity 0.5s ease;
}

.toast-show {
    right: 20px;
}

.toast-red {
    background-color: #e74c3c;
}

.toast-green {
    background-color: #27ae60;
}