.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;border-left:4px solid var(--toast-color);pointer-events:auto;min-width:300px;max-width:400px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--toast-color)}.toast-icon ion-icon{font-size:24px}.toast-message{flex:1;font-size:.9375rem;line-height:1.5;color:#1f2937;font-weight:500}.toast-close{flex-shrink:0;background:transparent;border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s;padding:0}.toast-close:hover{background:#0000000d;color:#374151}.toast-close ion-icon{font-size:20px}.toast-success{--toast-color: #10b981}.toast-error{--toast-color: #ef4444}.toast-warning{--toast-color: #f59e0b}.toast-info{--toast-color: #3b82f6}@keyframes toast-slide-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(120%) scale(.8);opacity:0}}.toast-enter{animation:toast-slide-in .3s cubic-bezier(.4,0,.2,1)}.toast-visible{transform:translate(0);opacity:1}.toast-exit{animation:toast-slide-out .3s cubic-bezier(.4,0,.2,1)}.dark .toast{background:#1f2937fa;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}.dark .toast-message{color:#f3f4f6}.dark .toast-close{color:#9ca3af}.dark .toast-close:hover{background:#ffffff1a;color:#d1d5db}@media(max-width:768px){.toast-container{top:auto;bottom:1rem;right:1rem;left:1rem;max-width:none}.toast{min-width:auto;max-width:none;width:100%}@keyframes toast-slide-in{0%{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(120%) scale(.95);opacity:0}}}.toast-container .toast:not(:last-child){margin-bottom:0}.toast:hover{box-shadow:0 12px 40px #00000026,0 4px 12px #0000001a;transform:scale(1.02)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--toast-color);opacity:.3;animation:toast-progress-bar 4s linear}@keyframes toast-progress-bar{0%{width:100%}to{width:0%}}