.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)}}