.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.toast{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,0.1);border-radius:12px;padding:16px 20px;min-width:300px;max-width:400px;box-shadow:0 10px 40px rgba(0,0,0,0.15);display:flex;align-items:center;gap:12px;animation:toast-slide-in 0.3s ease-out;pointer-events:all}
.toast.success{border-left:4px solid #10b981}
.toast.error{border-left:4px solid #ef4444}
.toast.warning{border-left:4px solid #f59e0b}
.toast.info{border-left:4px solid #3b82f6}
@keyframes toast-slide-in{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes toast-slide-out{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}
.toast.hiding{animation:toast-slide-out 0.3s ease-in forwards}
.toast-icon{font-size:24px}
.toast-content{flex:1}
.toast-title{font-weight:600;margin:0 0 4px 0}
.toast-message{font-size:14px;opacity:0.8;margin:0}
.toast-close{background:none;border:none;font-size:20px;cursor:pointer;opacity:0.5;transition:opacity 0.2s}
.toast-close:hover{opacity:1}
.dark .toast{background:rgba(30,41,59,0.95);border-color:rgba(255,255,255,0.1);color:white}