.toast-notification{z-index:9999;cursor:pointer;width:calc(100% - 40px);max-width:400px;position:fixed;top:100px;right:20px}.toast-content{background:#fff;border-left:4px solid #ec1c24;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #00000026}.toast-content:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0003}.toast-icon{background:#fef2f2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.toast-image{object-fit:cover;border-radius:8px;width:40px;height:40px}.toast-text{flex:1;min-width:0}.toast-title{color:#000;margin:0 0 4px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;line-height:1.4}.toast-message{color:#666;word-wrap:break-word;margin:0;font-family:Outfit,sans-serif;font-size:14px;line-height:1.4}.toast-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:background-color .2s,color .2s;display:flex}.toast-close:hover{color:#333;background-color:#f5f5f5}.toast-enter{animation:.3s ease-out slideInRight}.toast-exit{animation:.3s ease-in slideOutRight}@keyframes slideInRight{0%{opacity:0;transform:translate(calc(100% + 20px))}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100% + 20px))}}@media (max-width:640px){.toast-notification{width:auto;max-width:none;top:80px;left:12px;right:12px}.toast-title{font-size:14px}.toast-message{font-size:13px}}