/* Toast Notification Styles */
.toast {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    color: white;
    animation: toastIn 0.3s, toastOut 0.3s 2.7s;
}

.toast-success {
    background-color: #10B981; /* teal-500 */
}

.toast-error {
    background-color: #EF4444; /* red-500 */
}

@keyframes toastIn {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes toastOut {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(100%); opacity: 0; }
}