.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:300px}.toast{padding:12px 16px;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateX(100%);animation:slideIn .3s forwards,fadeOut .3s 2.7s forwards}.toast-error{background-color:#fee2e2;border-left:4px solid #ef4444;color:#b91c1c}.toast-success{background-color:#dcfce7;border-left:4px solid #22c55e;color:#15803d}.toast-warning{background-color:#fef3c7;border-left:4px solid #f59e0b;color:#b45309}.toast-info{background-color:#dbeafe;border-left:4px solid #3b82f6;color:#1d4ed8}.toast-content{flex:1}.toast-message{margin:0;font-size:14px}.toast-close{background:none;border:none;padding:0;margin-left:8px;cursor:pointer;font-size:16px;color:inherit;opacity:.7}.toast-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}@media (prefers-color-scheme:dark){.toast{box-shadow:0 4px 12px rgba(0,0,0,.5)}.toast-error{background-color:#dc2626;color:#ffffff;border-left-color:#991b1b}.toast-success{background-color:#16a34a;color:#ffffff;border-left-color:#15803d}.toast-warning{background-color:#d97706;color:#ffffff;border-left-color:#b45309}.toast-info{background-color:#2563eb;color:#ffffff;border-left-color:#1d4ed8}}