.notification{position:fixed;top:20px;right:20px;min-width:320px;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1);z-index:10000;overflow:hidden;animation:slideIn .4s cubic-bezier(.68,-.55,.265,1.55);display:block;padding:0;box-sizing:border-box}@keyframes slideIn{0%{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}.notification-enter{animation:slideIn .4s cubic-bezier(.68,-.55,.265,1.55)}.notification-content{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px;padding:14px 18px 18px;margin:0;width:100%;box-sizing:border-box}.notification-icon{flex-shrink:0!important;display:flex!important;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;border-radius:50%}.notification-success .notification-icon{background:#d4edda;color:#28a745}.notification-error .notification-icon{background:#f8d7da;color:#dc3545}.notification-message{flex:1 1 auto!important;font-size:15px;font-weight:500;color:#333;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.notification-success .notification-message{color:#155724}.notification-error .notification-message{color:#721c24}.notification-close{flex-shrink:0!important;background:none;border:none;cursor:pointer;padding:4px;display:flex!important;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;color:#666;width:28px;height:28px}.notification-close:hover{background:rgba(0,0,0,.05);color:#333}.notification-progress{bottom:0;right:0;height:4px;background:rgba(0,0,0,.1);overflow:hidden;margin:0!important;padding:0!important;box-sizing:border-box}.notification-progress,.notification-progress-bar{position:absolute;left:0;width:100%;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.notification-progress-bar{top:0;height:100%;transform-origin:left;animation:progressBar linear forwards}.notification-success .notification-progress-bar{background:linear-gradient(90deg,#28a745,#20c997)}.notification-error .notification-progress-bar{background:linear-gradient(90deg,#dc3545,#c82333)}@keyframes progressBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:640px){.notification{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}.notification.notification-exit{animation:slideOut .3s ease-in forwards}@keyframes slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(120%);opacity:0}}