.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{min-width:300px;max-width:500px;padding:0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease-in-out;overflow:hidden}.toast--visible{opacity:1;transform:translateX(0)}.toast--hidden{opacity:0;transform:translateX(100%)}.toast--success{background-color:#10b981;color:white}.toast--error{background-color:#ef4444;color:white}.toast--warning{background-color:#f59e0b;color:white}.toast--info{background-color:#3b82f6;color:white}.toast__content{display:flex;align-items:center;padding:16px;gap:12px}.toast__icon{font-size:18px;font-weight:700;flex-shrink:0}.toast__message{flex:1 1;font-size:14px;line-height:1.4}.toast__close{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.toast__close:hover{background-color:rgba(255,255,255,.2)}.toast__close:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (max-width:480px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:none}}