.notification-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none;max-width:400px;width:calc(100vw - 40px)}.notification{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.2);border-radius:16px;padding:16px 20px;margin-bottom:12px;box-shadow:0 8px 32px rgba(0,0,0,0.1),0 2px 8px rgba(0,0,0,0.05);display:flex;align-items:center;gap:12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;line-height:1.4;pointer-events:all;transform:translateX(100%);opacity:0;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);position:relative;overflow:hidden}.notification.show{transform:translateX(0);opacity:1}.notification.hide{transform:translateX(100%);opacity:0;margin-bottom:0;padding-top:0;padding-bottom:0;height:0}.notification.success{background:rgba(34,197,94,0.95);border-color:rgba(34,197,94,0.3);color:white}.notification.success::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669)}.notification.error{background:rgba(239,68,68,0.95);border-color:rgba(239,68,68,0.3);color:white}.notification.error::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef4444,#dc2626)}.notification.info{background:rgba(59,130,246,0.95);border-color:rgba(59,130,246,0.3);color:white}.notification.info::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb)}.notification.reward{background:linear-gradient(135deg,rgba(147,51,234,0.95),rgba(79,70,229,0.95));border-color:rgba(147,51,234,0.3);color:white}.notification.reward::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#9333ea,#7c3aed,#4f46e5)}.notification-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;font-weight:600}.notification.success .notification-icon{background:rgba(255,255,255,0.2)}.notification.error .notification-icon{background:rgba(255,255,255,0.2)}.notification.info .notification-icon{background:rgba(255,255,255,0.2)}.notification.reward .notification-icon{background:rgba(255,255,255,0.2)}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;margin:0 0 2px 0;font-size:14px}.notification-message{margin:0;opacity:0.9;font-size:13px;line-height:1.3}.notification-actions{display:flex;gap:8px;flex-shrink:0}.notification-action{background:rgba(255,255,255,0.2);border:none;border-radius:8px;padding:6px 12px;color:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.notification-action:hover{background:rgba(255,255,255,0.3);transform:translateY(-1px)}.notification-close{background:rgba(255,255,255,0.15);border:none;border-radius:6px;width:24px;height:24px;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:all 0.2s ease;flex-shrink:0}.notification-close:hover{background:rgba(255,255,255,0.25)}.notification-progress{position:absolute;bottom:0;left:0;height:2px;background:rgba(255,255,255,0.3);transform-origin:left;transition:transform linear}.notification-brand{width:32px;height:32px;border-radius:8px;overflow:hidden;flex-shrink:0;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center}.notification-brand img{width:100%;height:100%;object-fit:cover}@media (max-width:480px){.notification-container{top:10px;right:10px;left:10px;max-width:none;width:auto}.notification{padding:14px 16px;font-size:13px}.notification-title{font-size:13px}.notification-message{font-size:12px}.notification-brand{width:28px;height:28px}}@media (prefers-color-scheme:dark){.notification{background:rgba(30,30,30,0.95);border-color:rgba(255,255,255,0.1);color:white}}@media (prefers-reduced-motion:reduce){.notification{transition:opacity 0.2s ease}.notification.show{transform:none}.notification.hide{transform:none}}@media (forced-colors:active){.notification{border:2px solid ButtonBorder;background:ButtonFace;color:ButtonText}.notification-close{border:1px solid ButtonBorder}}@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}}@keyframes bounce{0%,20%,53%,80%,100%{transform:translate3d(0,0,0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.notification.bounce{animation:bounce 0.6s ease-in-out}.notification-stats{display:flex;gap:12px;margin-top:4px;font-size:12px;opacity:0.8}.notification-stat{display:flex;align-items:center;gap:4px}.notification-stat-value{font-weight:600}