.toast {
position: fixed;
bottom: 20px;
right: 20px;
padding: 6px 12px;
border-radius: 4px;
font-size: 13px;
font-weight: 400;
z-index: 10001;
max-width: 280px;
word-wrap: break-word;
animation: toastSlideIn 0.25s ease-out;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.1);
}

.toast-error {
background: rgba(239, 68, 68, 0.15);
color: #fca5a5;
border: 1px solid rgba(239, 68, 68, 0.2);
}

.toast-success {
background: rgba(16, 185, 129, 0.15);
color: #6ee7b7;
border: 1px solid rgba(16, 185, 129, 0.2);
}

.toast-info {
background: rgba(74, 158, 255, 0.15);
color: #93c5fd;
border: 1px solid rgba(74, 158, 255, 0.2);
}

.toast-hide {
animation: toastSlideOut 0.3s ease-in forwards;
}

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

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