.notification-wrapper{position:relative}.notification-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.5rem;transition:background .2s;display:flex;position:relative}.notification-btn:hover{background:#ffffff0d}.notification-btn i{color:var(--text-muted,#94a3b8);font-size:1.2rem;transition:color .2s}.notification-btn:hover i{color:#fff}.notification-badge{color:#fff;background:linear-gradient(135deg,#8b5cf6,#9333ea);border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;animation:2s infinite pulse;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 8px #9333ea80}.notification-dropdown{background:var(--surface,#1e293b);border:1px solid var(--border,#ffffff1a);z-index:50;border-radius:16px;width:350px;animation:.2s ease-out slideDown;position:absolute;top:120%;right:0;overflow:hidden;box-shadow:0 10px 40px #00000080}[dir=rtl] .notification-dropdown{left:0;right:auto}.notification-header{border-bottom:1px solid var(--border,#ffffff1a);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-title{color:#fff;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.notification-new-badge{color:#c4b5fd;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:999px;padding:2px 8px;font-size:.7rem}.notification-actions{align-items:center;gap:8px;display:flex}.notification-action-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;transition:all .2s;display:flex}.notification-action-btn:hover{color:#fff;background:#ffffff0d}.notification-list{max-height:380px;overflow-y:auto}.notification-empty{color:var(--text-muted,#94a3b8);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.notification-empty i{opacity:.3;margin-bottom:.5rem;font-size:2.5rem}.notification-item{cursor:pointer;border-bottom:1px solid #ffffff05;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.notification-item:hover{background:#ffffff08}.notification-item.unread{background:#ffffff05}.notification-item.read{opacity:.6}.notification-item.read:hover{opacity:.8}.notification-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.notification-content{flex:1;min-width:0}.notification-item-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.notification-item-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;font-weight:600;overflow:hidden}.notification-item-time{color:var(--text-muted,#94a3b8);flex-shrink:0;align-items:center;gap:6px;font-size:.65rem;display:flex}.unread-dot{background:#a78bfa;border-radius:50%;width:6px;height:6px}.notification-item-message{color:var(--text-muted,#94a3b8);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-link{margin-top:6px;font-size:.7rem;font-weight:600;text-decoration:none;display:inline-block}.notification-link:hover{text-decoration:underline}.notification-mark-read{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.notification-mark-read:hover{color:#10b981;background:#ffffff1a}.notification-footer{border-top:1px solid var(--border,#ffffff1a);text-align:center;background:#ffffff05;padding:8px 16px}.notification-footer p{color:var(--text-muted,#94a3b8);margin:0;font-size:.65rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.toast-container{z-index:99999;pointer-events:none;flex-direction:column-reverse;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}[dir=rtl] .toast-container{left:24px;right:auto}.toast{pointer-events:all;-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#0f1428f2;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:12px;min-width:300px;max-width:380px;padding:14px 16px;transition:transform .2s,box-shadow .2s;animation:.4s cubic-bezier(.34,1.56,.64,1) toastIn;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff0d}.toast:hover{transform:translateY(-2px);box-shadow:0 12px 40px #000000b3,0 0 0 1px #ffffff14}.toast.toast-exit{animation:.35s forwards toastOut}.toast:after{content:"";background:linear-gradient(90deg, transparent, var(--toast-color,#a78bfa), transparent);width:100%;height:2px;animation:5s linear forwards toastProgress;position:absolute;bottom:0;left:0}.toast-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex}.toast-body{flex:1;min-width:0}.toast-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:.875rem;font-weight:700;overflow:hidden}.toast-message{color:#fff9;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.toast-close{color:#ffffff4d;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;line-height:1;transition:color .2s,background .2s}.toast-close:hover{color:#fff;background:#ffffff1a}@keyframes toastIn{0%{opacity:0;transform:translate(40px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}[dir=rtl] .toast{animation:.4s cubic-bezier(.34,1.56,.64,1) toastInRTL}@keyframes toastInRTL{0%{opacity:0;transform:translate(-40px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(40px)scale(.9)}}@keyframes toastProgress{0%{transform-origin:0;transform:scaleX(1)}to{transform-origin:0;transform:scaleX(0)}}