.toast{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);display:flex;align-items:center;gap:12px;z-index:10000;animation:slideIn .3s ease-out;border-left:4px solid}@keyframes slideIn{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px}.toast-content{flex:1 1}.toast-message{margin:0;font-size:14px;line-height:1.5;color:#2d3748;font-weight:500}.toast-close{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;color:#718096;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.toast-close:hover{background:rgba(0,0,0,.05);color:#2d3748}.toast-success{border-left-color:#48bb78}.toast-success .toast-icon{color:#48bb78}.toast-error{border-left-color:#f56565}.toast-error .toast-icon{color:#f56565}.toast-info{border-left-color:#4299e1}.toast-info .toast-icon{color:#4299e1}.toast-warning{border-left-color:#ed8936}.toast-warning .toast-icon{color:#ed8936}@media (max-width:768px){.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}