.notification-bell-container{position:relative}.notification-bell-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;transition:background .2s}.notification-bell-button:hover{background:hsla(0,0%,100%,.08)}.notification-bell-icon{width:24px;height:24px;color:var(--glass-text-primary,#f5f5f7)}.notification-bell-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(239,68,68,.4)}@media (prefers-reduced-motion:no-preference){.notification-bell-badge{animation:notifBellPulse 2s infinite}.notification-dropdown{animation:dropdownSlide .2s ease-out forwards}}@media (max-width:768px) and (prefers-reduced-motion:no-preference){.notification-dropdown{animation:dropdownSlideUp .25s ease-out forwards}}@media (prefers-reduced-motion:reduce){.notification-bell-badge,.notification-dropdown{animation:none}.notification-item{transition:none}}@keyframes notifBellPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px rgba(239,68,68,.4)}50%{transform:scale(1.08);box-shadow:0 2px 12px rgba(239,68,68,.6)}}.notification-dropdown{position:absolute;top:48px;right:0;width:360px;max-height:480px;background:rgba(15,10,40,.92);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:var(--glass-radius-sm,8px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 16px 48px rgba(0,0,0,.6),0 4px 16px rgba(0,0,0,.4);z-index:1000;overflow:hidden;opacity:1}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid hsla(0,0%,100%,.08)}.notification-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:var(--glass-text-primary,#f5f5f7)}.notification-header-actions{display:flex;align-items:center;gap:12px}.notification-settings-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--glass-text-secondary,#b8b8bc);transition:background .2s,color .2s}.notification-settings-btn:hover{background:hsla(0,0%,100%,.08);color:var(--glass-text-primary,#f5f5f7)}.notification-sound-toggle{font-size:16px;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.notification-sound-toggle:hover{background:hsla(0,0%,100%,.08)}.notification-mark-all-read{font-size:13px;color:var(--glass-accent-primary,#4f46e5);background:none;border:none;cursor:pointer;padding:0}.notification-mark-all-read:hover{text-decoration:underline}.notification-dropdown-content{max-height:360px;overflow-y:auto}.notification-loading{display:flex;align-items:center;justify-content:center;padding:40px}.notification-spinner{width:24px;height:24px;border:2px solid hsla(0,0%,100%,.1);border-top:2px solid var(--glass-accent-primary,#4f46e5);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--glass-text-tertiary,#8892a4)}.notification-empty-icon{font-size:32px;margin-bottom:12px;opacity:.5}.notification-empty p{margin:0;font-size:14px}.notification-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;color:var(--glass-text-tertiary,#8892a4);text-align:center}.notification-error-icon{font-size:28px;margin-bottom:12px}.notification-error p{margin:0 0 16px;font-size:14px;color:var(--glass-text-secondary,#b8b8bc)}.notification-retry-btn{padding:8px 16px;font-size:13px;font-weight:500;color:#fff;background:var(--glass-accent-primary,#4f46e5);border:none;border-radius:6px;cursor:pointer;transition:background .2s}.notification-retry-btn:hover{background:var(--glass-accent-primary-hover,#4338ca)}.notification-item{display:flex;gap:12px;padding:14px 20px;cursor:pointer;transition:background .15s;position:relative;border-bottom:1px solid hsla(0,0%,100%,.05)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:hsla(0,0%,100%,.06)}.notification-item.unread{background:var(--glass-indigo-subtle,rgba(99,102,241,.12))}.notification-item.unread:hover{background:var(--glass-indigo-medium,rgba(99,102,241,.15))}.notification-item-icon{font-size:20px;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.08);border-radius:50%}.notification-item.unread .notification-item-icon{background:var(--glass-indigo-medium,rgba(99,102,241,.15))}.notification-item-content{flex:1 1;min-width:0}.notification-item-title{margin:0 0 4px;font-size:14px;font-weight:500;color:var(--glass-text-primary,#f5f5f7);line-height:1.3}.notification-item-message{margin:0 0 6px;font-size:13px;color:var(--glass-text-secondary,#b8b8bc);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item-time{font-size:12px;color:var(--glass-text-tertiary,#8892a4)}.notification-item--message.unread{background:rgba(20,184,166,.12);border-left:3px solid rgba(20,184,166,.6)}.notification-item--message.unread:hover{background:rgba(20,184,166,.18)}.notification-item--message .notification-item-icon{background:rgba(20,184,166,.15)}.notification-item-mark-read{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:hsla(0,0%,100%,.06);border-radius:50%;cursor:pointer;color:var(--glass-text-tertiary,#8892a4);flex-shrink:0;transition:background .15s,color .15s;position:relative;z-index:2}.notification-item-mark-read:hover{background:rgba(99,102,241,.2);color:var(--glass-accent-primary,#4f46e5)}.notification-item-mark-read:focus-visible{box-shadow:0 0 0 2px var(--glass-accent-primary,#4f46e5);outline:none}.notification-group-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;color:#fff;background:var(--glass-accent-primary,#4f46e5);border-radius:10px;margin-right:6px;vertical-align:middle}.notification-item-dot{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:8px;height:8px;background:var(--glass-accent-primary,#4f46e5);border-radius:50%}.notification-item--message .notification-item-dot{background:#14b8a6}.notification-dropdown-footer{padding:12px 20px;border-top:1px solid hsla(0,0%,100%,.08);text-align:center}.notification-view-all{font-size:14px;font-weight:500;color:var(--glass-accent-primary,#4f46e5);text-decoration:none}.notification-view-all:hover{text-decoration:underline}.notification-skeleton-list{padding:0}.notification-skeleton-item{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid hsla(0,0%,100%,.05)}.notification-skeleton-item:last-child{border-bottom:none}.notification-skeleton-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.08)}.notification-skeleton-content{flex:1 1;display:flex;flex-direction:column;gap:6px}.notification-skeleton-title{width:65%;height:14px;border-radius:4px;background:hsla(0,0%,100%,.08)}.notification-skeleton-message{width:90%;height:12px;border-radius:4px;background:hsla(0,0%,100%,.06)}.notification-skeleton-time{width:40%;height:10px;border-radius:4px;background:hsla(0,0%,100%,.05)}@media (prefers-reduced-motion:no-preference){.notification-skeleton-icon,.notification-skeleton-message,.notification-skeleton-time,.notification-skeleton-title{animation:notifSkeletonShimmer 1.5s ease-in-out infinite}.notification-skeleton-item:nth-child(2) .notification-skeleton-icon,.notification-skeleton-item:nth-child(2) .notification-skeleton-message,.notification-skeleton-item:nth-child(2) .notification-skeleton-time,.notification-skeleton-item:nth-child(2) .notification-skeleton-title{animation-delay:.15s}.notification-skeleton-item:nth-child(3) .notification-skeleton-icon,.notification-skeleton-item:nth-child(3) .notification-skeleton-message,.notification-skeleton-item:nth-child(3) .notification-skeleton-time,.notification-skeleton-item:nth-child(3) .notification-skeleton-title{animation-delay:.3s}}@keyframes notifSkeletonShimmer{0%,to{opacity:.4}50%{opacity:.8}}.notification-empty-check{color:var(--glass-accent-success,#22c55e);opacity:.7;margin-bottom:8px}.notification-empty-title{margin:0;font-size:15px;font-weight:600;color:var(--glass-text-primary,#f5f5f7)}.notification-empty-subtitle{margin:4px 0 0;font-size:13px;color:var(--glass-text-tertiary,#8892a4)}.notification-backdrop{display:none}@media (max-width:768px){.notification-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9998}.notification-dropdown{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-height:100vh;border-radius:0;z-index:9999}.notification-dropdown-header{padding:max(16px,env(safe-area-inset-top,16px)) 20px 16px}.notification-dropdown-content{max-height:calc(100vh - 130px)}.notification-item{padding:16px 20px}.notification-mobile-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:hsla(0,0%,100%,.08);border-radius:50%;cursor:pointer;color:var(--glass-text-secondary,#b8b8bc);transition:background .15s}.notification-mobile-close:hover{background:hsla(0,0%,100%,.15);color:var(--glass-text-primary,#f5f5f7)}}@media (min-width:769px){.notification-mobile-close{display:none}.notification-backdrop{display:none!important}}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-bell-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--glass-card-border-focus,rgba(99,102,241,.5))}.notification-item:focus{outline:none;background:var(--glass-indigo-subtle,rgba(99,102,241,.12))}.notification-item:focus-visible{box-shadow:inset 0 0 0 2px var(--glass-accent-primary,#4f46e5)}.notification-view-all:focus-visible{outline:none;box-shadow:0 0 0 3px var(--glass-card-border-focus,rgba(99,102,241,.5));border-radius:4px}@media (prefers-reduced-motion:no-preference){.bell-shake .notification-bell-icon{animation:bellShake .6s ease-in-out}.badge-pop .notification-bell-badge{animation:badgePop .3s cubic-bezier(.68,-.55,.27,1.55)}}@keyframes bellShake{0%,to{transform:rotate(0deg)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(4deg)}}@keyframes badgePop{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}