.toast{z-index:10000;filter:drop-shadow(0 4px 12px #00000026);min-width:300px;max-width:400px;transition:transform .3s;position:fixed;top:20px;right:20px;transform:translate(100%)}.toast.visible{transform:translate(0)}.toast.success .toast-content{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border-left:4px solid #2e7d32}.toast.error .toast-content{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%);border-left:4px solid #c62828}.toast.warning .toast-content{background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%);border-left:4px solid #ef6c00}.toast.info .toast-content{background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%);border-left:4px solid #1565c0}.toast-content{color:#fff;border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex;box-shadow:0 8px 32px #0006,0 4px 16px #0003,0 2px 8px #0000001a}.toast-content .toast-icon{flex-shrink:0;margin-top:.1rem;font-size:1.5rem;font-weight:700}.toast-content .toast-message{flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.toast-content .toast-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;font-weight:700;transition:all .2s;display:flex}.toast-content .toast-close:hover{background:#fff3;transform:scale(1.1);box-shadow:0 2px 8px #0003}@media (max-width:768px){.toast{min-width:auto;max-width:none;top:10px;left:10px;right:10px}}