.toast{border-radius:8px;align-items:center;gap:12px;max-width:400px;margin-bottom:8px;padding:12px 16px;animation:.3s slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.toast:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.toast--success{background:#f6ffed;border:1px solid #b7eb8f}.toast--success:before{background:#52c41a}.toast--error{background:#fff2f0;border:1px solid #ffccc7}.toast--error:before{background:#ff4d4f}.toast--warning{background:#fffbe6;border:1px solid #ffe58f}.toast--warning:before{background:#faad14}.toast--info{background:#e6f7ff;border:1px solid #91d5ff}.toast--info:before{background:#1890ff}.toast__icon{flex-shrink:0;font-size:16px}.toast__content{flex:1}.toast__message{color:#1a1a1a;margin:0;font-size:14px;line-height:1.4}.toast__close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;transition:all .2s;display:flex}.toast__close:hover{color:#333;background:#0000001a}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-container{z-index:10000;max-width:400px;position:fixed;top:20px;right:20px}