.toast-notification{position:fixed;bottom:20px;right:20px;min-width:320px;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:16px;display:flex;align-items:center;gap:16px;z-index:10000;animation:.3s ease-out slideInRight;border:1px solid #e5e7eb}@media (max-width:768px){.toast-notification{bottom:16px;right:16px;left:16px;min-width:auto;max-width:none;width:auto;padding:12px;gap:12px;box-shadow:0 2px 12px rgba(0,0,0,.15)}}.toast-notification.hiding{animation:.3s ease-in forwards slideOutRight}.toast-notification-image{width:60px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0}.toast-notification-content{flex:1;min-width:0}.toast-notification-title{font-size:16px;font-weight:600;color:#1a2b49;margin:0 0 4px;line-height:1.4}.toast-notification-message{font-size:14px;color:#63687a;margin:0;line-height:1.4}@media (max-width:768px){.toast-notification-image{width:50px;height:50px;border-radius:6px}.toast-notification-title{font-size:15px;margin:0 0 3px}.toast-notification-message{font-size:13px;line-height:1.3}}.toast-notification-close{background:0 0;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.toast-notification-close:hover{color:#1a2b49}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@media (max-width:768px){.toast-notification-close{font-size:22px;width:28px;height:28px;padding:4px}@keyframes slideInRight{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutRight{from{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.toast-notification{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}}@media (max-width:480px){.toast-notification{bottom:12px;right:12px;left:12px;padding:10px;gap:10px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.12)}.toast-notification-image{width:45px;height:45px;border-radius:6px}.toast-notification-title{font-size:14px;margin:0 0 2px}.toast-notification-message{font-size:12px;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.toast-notification-close{font-size:20px;width:26px;height:26px;padding:2px;min-width:26px}.toast-notification-content{min-width:0;overflow:hidden}}