#toast-container {
    position: fixed;
    bottom: 1.25rem; /* 20px */
    right: 1.25rem; /* 20px */
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 0.625rem; /* 10px */
}

.toast-message {
    background: #28a745; /* Green for success */
    color: white;
    padding: 0.75rem 1rem; /* 12px 16px */
    border-radius: 0.3125rem; /* 5px */
    font-size: 0.875rem; /* 14px */
    box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.1); /* 4px 6px */
    opacity: 1;
    transition: opacity 0.5s ease-out;
}

.toast-message.error {
    background: #dc3545; /* Red for errors */
}