[data-role=modern-notifications-container]{position:fixed;top:80px;right:20px;z-index:99999;max-width:420px;width:100%;pointer-events:none}.modern-notification{background:#fffffffa;backdrop-filter:blur(20px);border-radius:16px;padding:20px;margin-bottom:15px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.2);animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55);pointer-events:auto;position:relative;overflow:hidden;min-height:80px;display:flex;align-items:center}.modern-notification:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.modern-notification.success:before{background:linear-gradient(135deg,#38ef7d,#11998e)}.modern-notification.error:before{background:linear-gradient(135deg,#eb2222,#c81e1e)}.modern-notification.warning:before{background:linear-gradient(135deg,#ff9f43,#ff6b35)}.modern-notification.info:before{background:linear-gradient(135deg,#1e9ff2,#1e3c72)}.modern-notification-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:16px;flex-shrink:0;position:relative;overflow:hidden}.modern-notification-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.15;z-index:0}.modern-notification.success .modern-notification-icon:before{background:linear-gradient(135deg,#38ef7d,#11998e)}.modern-notification.error .modern-notification-icon:before{background:linear-gradient(135deg,#eb2222,#c81e1e)}.modern-notification.warning .modern-notification-icon:before{background:linear-gradient(135deg,#ff9f43,#ff6b35)}.modern-notification.info .modern-notification-icon:before{background:linear-gradient(135deg,#1e9ff2,#1e3c72)}.modern-notification-icon i{position:relative;z-index:1;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-notification.success .modern-notification-icon i{background:linear-gradient(135deg,#38ef7d,#11998e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-notification.error .modern-notification-icon i{background:linear-gradient(135deg,#eb2222,#c81e1e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-notification.warning .modern-notification-icon i{background:linear-gradient(135deg,#ff9f43,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-notification.info .modern-notification-icon i{background:linear-gradient(135deg,#1e9ff2,#1e3c72);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-notification-content{flex:1;padding-right:30px}.modern-notification-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px;line-height:1.3}.modern-notification-message{font-size:14px;color:#666;line-height:1.5;word-wrap:break-word}.modern-notification-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:8px;background:#0000000d;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px;transition:all .3s ease}.modern-notification-close:hover{background:#0000001a;transform:rotate(90deg)}.modern-notification-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);animation:progressBar 5s linear forwards;border-radius:0 0 0 16px}.modern-notification.success .modern-notification-progress{background:linear-gradient(135deg,#38ef7d,#11998e)}.modern-notification.error .modern-notification-progress{background:linear-gradient(135deg,#eb2222,#c81e1e)}.modern-notification.warning .modern-notification-progress{background:linear-gradient(135deg,#ff9f43,#ff6b35)}.modern-notification.info .modern-notification-progress{background:linear-gradient(135deg,#1e9ff2,#1e3c72)}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}@keyframes progressBar{0%{width:100%}to{width:0}}.modern-notification.removing{animation:slideOutRight .4s cubic-bezier(.68,-.55,.265,1.55) forwards}@media (max-width: 768px){[data-role=modern-notifications-container]{top:70px;right:10px;left:10px;max-width:none}.modern-notification{padding:16px;min-height:70px}.modern-notification-icon{width:40px;height:40px;font-size:20px;margin-right:12px}.modern-notification-title{font-size:15px}.modern-notification-message{font-size:13px}}