.notification{position:fixed;top:20px;right:20px;z-index:9999;min-width:350px;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);overflow:hidden;transform:translateX(100%);animation:slideIn .3s ease-out forwards;border-left:4px solid}.notification.notification-success{border-left-color:#28a745}.notification.notification-error{border-left-color:#dc3545}.notification.notification-warning{border-left-color:#ffc107}.notification.notification-info{border-left-color:#17a2b8}.notification .notification-content{display:flex;align-items:center;padding:16px 20px;gap:12px}.notification .notification-content .notification-icon{flex-shrink:0;width:24px;height:24px}.notification .notification-content .notification-icon.success-icon{color:#28a745}.notification .notification-content .notification-icon.error-icon{color:#dc3545}.notification .notification-content .notification-icon.warning-icon{color:#ffc107}.notification .notification-content .notification-icon.info-icon{color:#17a2b8}.notification .notification-content .notification-message{flex:1;font-size:.95rem;font-weight:500;color:#000;line-height:1.4}.notification .notification-content .notification-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#ccc;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification .notification-content .notification-close:hover{background:rgba(0,0,0,.1);color:#000}.notification .notification-progress{height:3px;background:rgba(0,0,0,.1);overflow:hidden}.notification .notification-progress .notification-progress-bar{height:100%;width:100%;background:linear-gradient(90deg,#d4af37,rgb(177.7777777778,144.8888888889,38.2222222222));animation:progressBar 4s linear forwards;transform-origin:left}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes progressBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:768px){.notification{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}@media(max-width:480px){.notification .notification-content{padding:14px 16px;gap:10px}.notification .notification-content .notification-message{font-size:.9rem}}