.notification-container{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none}.notification{border-radius:8px;box-shadow:0 10px 25px #0000001a 0 4px 6px #0000000d;margin-bottom:12px;max-width:400px;min-width:300px;opacity:0;pointer-events:auto;transform:translateX(100%);transition:all .3s cubic-bezier(0.4,0,0.2,1)}.notification-show{opacity:1;transform:translateX(0)}.notification-hide{opacity:0;transform:translateX(100%)}.notification-success{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.notification-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-content{display:flex;align-items:flex-start;padding:16px;gap:12px}.notification-icon{flex-shrink:0;margin-top:2px;color:#fff}.notification-message{flex:1;color:#fff;font-size:14px;font-weight:500;line-height:1.5;margin:0}.notification-close{background:none;border:none;color:#fffc;cursor:pointer;flex-shrink:0;padding:2px;transition:color .2s}.notification-close:hover{color:#fff}.notification:hover{box-shadow:0 20px 35px #0003 0 8px 10px #00000026;transform:translateY(-2px)}@media (max-width: 640px){.notification-container{left:20px;right:20px;top:20px}.notification{max-width:none;min-width:auto}}