:root{--notification-bg:255 255 255;--notification-bg-elevated:249 250 251;--notification-bg-unread:238 242 255;--notification-border:229 231 235;--notification-text:17 24 39;--notification-text-muted:107 114 128;--notification-primary:139 92 246;--notification-primary-light:167 139 250;--notification-primary-dark:109 40 217;--notification-success:34 197 94;--notification-error:239 68 68;--notification-warning:245 158 11;--notification-info:59 130 246}.dark,[data-theme*=dark]{--notification-bg:17 24 39;--notification-bg-elevated:31 41 55;--notification-bg-unread:88 28 135;--notification-border:55 65 81;--notification-text:243 244 246;--notification-text-muted:156 163 175}.notification-modal-bg{background-color:rgb(var(--notification-bg)/.95);-webkit-backdrop-filter:blur(20px)}.notification-modal-elevated{background-color:rgb(var(--notification-bg-elevated))}.notification-card-unread{background-color:rgb(var(--notification-bg-unread)/.5);border-left:3px solid rgb(var(--notification-primary))}.notification-text{color:rgb(var(--notification-text))}.notification-text-muted{color:rgb(var(--notification-text-muted))}.notification-border{border-color:rgb(var(--notification-border))}.notification-primary{color:rgb(var(--notification-primary))}.notification-primary-bg{background-color:rgb(var(--notification-primary))}.notification-gradient-primary{background:linear-gradient(135deg,rgb(var(--notification-primary))0%,rgb(var(--notification-primary-dark))100%)}.notification-gradient-subtle{background:linear-gradient(135deg,rgb(var(--notification-primary)/.1)0%,rgb(var(--notification-info)/.1)100%)}.notification-glass{background:rgb(var(--notification-bg)/.8);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(var(--notification-border)/.5)}.dark .notification-glass,[data-theme*=dark] .notification-glass{background:rgb(var(--notification-bg)/.9);border:1px solid rgb(var(--notification-border)/.3)}.notification-shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.notification-shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.notification-shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dark .notification-shadow,[data-theme*=dark] .notification-shadow{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003}.dark .notification-shadow-lg,[data-theme*=dark] .notification-shadow-lg{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -4px #0003}.notification-hover:hover{background-color:rgb(var(--notification-bg-elevated));transform:translateY(-1px)}.notification-hover:active{transform:translateY(0)}@keyframes notificationSlideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.95)}}@keyframes notificationFadeIn{0%{opacity:0}to{opacity:1}}@keyframes notificationPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes notificationBellRing{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(10deg)}20%,40%{transform:rotate(-10deg)}60%{transform:rotate(0)}}@keyframes notificationShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes notificationGlow{0%,to{box-shadow:0 0 5px rgb(var(--notification-primary)/.3)}50%{box-shadow:0 0 20px rgb(var(--notification-primary)/.5)}}@keyframes notificationStaggerIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes notificationSparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}.notification-animate-in{animation:.3s ease-out forwards notificationSlideIn}.notification-animate-out{animation:.2s ease-in forwards notificationSlideOut}.notification-animate-fade{animation:.2s ease-out forwards notificationFadeIn}.notification-animate-pulse{animation:2s ease-in-out infinite notificationPulse}.notification-animate-bell{animation:1s ease-in-out notificationBellRing}.notification-animate-glow{animation:2s ease-in-out infinite notificationGlow}.notification-stagger>*{opacity:0;animation:.3s ease-out forwards notificationStaggerIn}.notification-stagger>:first-child{animation-delay:50ms}.notification-stagger>:nth-child(2){animation-delay:.1s}.notification-stagger>:nth-child(3){animation-delay:.15s}.notification-stagger>:nth-child(4){animation-delay:.2s}.notification-stagger>:nth-child(5){animation-delay:.25s}.notification-stagger>:nth-child(6){animation-delay:.3s}.notification-stagger>:nth-child(7){animation-delay:.35s}.notification-stagger>:nth-child(8){animation-delay:.4s}.notification-stagger>:nth-child(9){animation-delay:.45s}.notification-stagger>:nth-child(10){animation-delay:.5s}.notification-skeleton{background:linear-gradient(90deg,rgb(var(--notification-bg-elevated))25%,rgb(var(--notification-border)/.3)50%,rgb(var(--notification-bg-elevated))75%);background-size:200% 100%;animation:1.5s infinite notificationShimmer}.notification-badge{background:linear-gradient(135deg,rgb(var(--notification-primary))0%,rgb(var(--notification-info))100%);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:flex}.notification-badge-small{min-width:16px;height:16px;padding:0 4px;font-size:10px}.notification-filter-pill{color:rgb(var(--notification-text-muted));background:0 0;border:1px solid #0000;border-radius:9999px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.notification-filter-pill:hover{background:rgb(var(--notification-bg-elevated));color:rgb(var(--notification-text))}.notification-filter-pill.active{background:linear-gradient(135deg,rgb(var(--notification-primary))0%,rgb(var(--notification-primary-dark))100%);color:#fff;border-color:#0000}.notification-ai-preview{background:linear-gradient(135deg,rgb(var(--notification-primary)/.08)0%,rgb(var(--notification-info)/.08)100%);border:1px solid rgb(var(--notification-primary)/.2);border-radius:12px;padding:12px}.dark .notification-ai-preview,[data-theme*=dark] .notification-ai-preview{background:linear-gradient(135deg,rgb(var(--notification-primary)/.15)0%,rgb(var(--notification-info)/.15)100%);border:1px solid rgb(var(--notification-primary)/.3)}.notification-category-reply{background-color:rgb(var(--notification-success)/.15);color:rgb(var(--notification-success))}.notification-category-no-action{background-color:rgb(var(--notification-text-muted)/.15);color:rgb(var(--notification-text-muted))}.notification-category-action{background-color:rgb(var(--notification-warning)/.15);color:rgb(var(--notification-warning))}.notification-category-info{background-color:rgb(var(--notification-info)/.15);color:rgb(var(--notification-info))}.notification-scrollbar{scrollbar-width:thin;scrollbar-color:rgb(var(--notification-border))transparent}.notification-scrollbar::-webkit-scrollbar{width:6px}.notification-scrollbar::-webkit-scrollbar-track{background:0 0}.notification-scrollbar::-webkit-scrollbar-thumb{background-color:rgb(var(--notification-border));border-radius:3px}.notification-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--notification-text-muted))}.notification-backdrop{-webkit-backdrop-filter:blur(4px);background-color:#00000080}.notification-focus:focus-visible{outline:2px solid rgb(var(--notification-primary));outline-offset:2px}.notification-transition{transition:all .2s ease-out}.notification-transition-slow{transition:all .3s ease-out}.notification-group-header{text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--notification-text-muted));background:rgb(var(--notification-bg-elevated)/.5);z-index:10;-webkit-backdrop-filter:blur(8px);padding:8px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.notification-empty-icon{background:linear-gradient(135deg,rgb(var(--notification-primary)/.1)0%,rgb(var(--notification-info)/.1)100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.notification-empty-icon svg{width:40px;height:40px;color:rgb(var(--notification-primary))}@media (prefers-reduced-motion:reduce){.notification-animate-in,.notification-animate-out,.notification-animate-fade,.notification-animate-pulse,.notification-animate-bell,.notification-animate-glow,.notification-stagger>*{opacity:1;animation:none;transform:none}.notification-skeleton{animation:none}.notification-transition,.notification-transition-slow{transition:none}}