/* Toast Container */
#toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 2000;
}

/* Toast Box */
.toast {
    min-width: 250px;
    margin-bottom: 12px;
    padding: 15px 20px;
    font-size: 15px;
    color: #fff;
    background: #333;
    opacity: 0;
    transform: translateX(120%);
    transition: all 0.4s ease;
}

/* Success Toast */
.toast.success {
    background: #28a745; /* Green */
}

/* Error Toast */
.toast.error {
    background: #dc3545; /* Red */
}

/* Show animation */
.toast.show {
    opacity: 1;
    transform: translateX(0);
}