.notification-bell[data-v-c4829ec2],.notification-center[data-v-c4829ec2],.notification-trigger[data-v-c4829ec2]{position:relative}.notification-bell[data-v-c4829ec2]{border-radius:.5rem;padding:.5rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.notification-bell[data-v-c4829ec2]:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.notification-bell[data-v-c4829ec2]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.notification-bell.has-unread[data-v-c4829ec2]{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.notification-badge[data-v-c4829ec2]{align-items:center;border-radius:9999px;display:flex;height:1.25rem;justify-content:center;position:absolute;right:-.25rem;top:-.25rem;width:1.25rem;--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));min-width:1.25rem}.notification-backdrop[data-v-c4829ec2]{top:0;right:0;bottom:0;left:0;position:fixed;z-index:40}.notification-dropdown[data-v-c4829ec2]{border-radius:.5rem;border-width:1px;margin-top:.5rem;max-height:24rem;overflow:hidden;position:absolute;right:0;top:100%;width:24rem;z-index:50;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dropdown-header[data-v-c4829ec2]{align-items:center;border-bottom-width:1px;display:flex;justify-content:space-between;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1rem}.dropdown-title[data-v-c4829ec2]{font-size:1.125rem;font-weight:600;line-height:1.75rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.dropdown-actions[data-v-c4829ec2]{align-items:center;display:flex}.dropdown-actions[data-v-c4829ec2]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.mark-all-read[data-v-c4829ec2]{align-items:center;display:flex}.mark-all-read[data-v-c4829ec2]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.mark-all-read[data-v-c4829ec2]{border-radius:.25rem;font-size:.875rem;line-height:1.25rem;padding:.25rem .5rem;--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.mark-all-read[data-v-c4829ec2]:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.mark-all-read[data-v-c4829ec2]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.mark-all-read[data-v-c4829ec2]:disabled{opacity:.5}.close-dropdown[data-v-c4829ec2]{border-radius:.25rem;padding:.25rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.close-dropdown[data-v-c4829ec2]:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.close-dropdown[data-v-c4829ec2]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))}.filter-tabs[data-v-c4829ec2]{border-bottom-width:1px;display:flex;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.filter-tab[data-v-c4829ec2]{align-items:center;display:flex;flex:1 1 0%;justify-content:center}.filter-tab[data-v-c4829ec2]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.filter-tab[data-v-c4829ec2]{border-bottom-width:2px;border-color:transparent;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem .75rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.filter-tab[data-v-c4829ec2]:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.filter-tab[data-v-c4829ec2]:focus{outline:2px solid transparent;outline-offset:2px}.filter-tab.active[data-v-c4829ec2],.filter-tab[data-v-c4829ec2]:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.filter-tab.active[data-v-c4829ec2]{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.filter-count[data-v-c4829ec2]{align-items:center;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));border-radius:9999px;color:rgb(55 65 81/var(--tw-text-opacity,1));display:flex;font-size:.75rem;height:1.25rem;justify-content:center;line-height:1rem;min-width:1.25rem;padding:.125rem .375rem}.filter-count[data-v-c4829ec2],.filter-tab.active .filter-count[data-v-c4829ec2]{--tw-bg-opacity:1;--tw-text-opacity:1}.filter-tab.active .filter-count[data-v-c4829ec2]{background-color:rgb(219 234 254/var(--tw-bg-opacity,1));color:rgb(37 99 235/var(--tw-text-opacity,1))}.notifications-list[data-v-c4829ec2]{max-height:20rem;overflow-y:auto}.empty-state[data-v-c4829ec2],.loading-state[data-v-c4829ec2]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem}.notification-items[data-v-c4829ec2]>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.notification-item[data-v-c4829ec2]{align-items:flex-start;cursor:pointer;display:flex}.notification-item[data-v-c4829ec2]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.notification-item[data-v-c4829ec2]{padding:1rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.notification-item[data-v-c4829ec2]:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.notification-item.unread[data-v-c4829ec2]{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.notification-icon[data-v-c4829ec2]{flex-shrink:0;margin-top:.125rem}.notification-content[data-v-c4829ec2]{flex:1 1 0%;min-width:0}.notification-title[data-v-c4829ec2]{color:rgb(17 24 39/var(--tw-text-opacity,1));font-weight:500;-webkit-line-clamp:1}.notification-body[data-v-c4829ec2],.notification-title[data-v-c4829ec2]{font-size:.875rem;line-height:1.25rem;margin-bottom:.25rem;--tw-text-opacity:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.notification-body[data-v-c4829ec2]{color:rgb(75 85 99/var(--tw-text-opacity,1));-webkit-line-clamp:2}.notification-time[data-v-c4829ec2]{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.notification-actions[data-v-c4829ec2]{align-items:center;display:flex;flex-shrink:0}.notification-actions[data-v-c4829ec2]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.notification-actions[data-v-c4829ec2]{opacity:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .notification-actions[data-v-c4829ec2],.notification-item:hover .notification-actions[data-v-c4829ec2]{opacity:1}.delete-btn[data-v-c4829ec2],.mark-read-btn[data-v-c4829ec2]{border-radius:.25rem;padding:.25rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delete-btn[data-v-c4829ec2]:hover,.mark-read-btn[data-v-c4829ec2]:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.delete-btn[data-v-c4829ec2]:focus,.mark-read-btn[data-v-c4829ec2]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))}.mark-read-btn[data-v-c4829ec2]:hover{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.delete-btn[data-v-c4829ec2]:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.load-more[data-v-c4829ec2]{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1));padding:1rem}.load-more-btn[data-v-c4829ec2]{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25rem;padding-bottom:.5rem;padding-top:.5rem;width:100%;--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.load-more-btn[data-v-c4829ec2]:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.load-more-btn[data-v-c4829ec2]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.load-more-btn[data-v-c4829ec2]:disabled{opacity:.5}.dropdown-footer[data-v-c4829ec2]{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));padding:.75rem}.view-all-link[data-v-c4829ec2]{display:block;font-size:.875rem;font-weight:500;line-height:1.25rem;text-align:center;--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.view-all-link[data-v-c4829ec2]:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.slide-down-enter-active[data-v-c4829ec2],.slide-down-leave-active[data-v-c4829ec2]{transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.slide-down-enter-from[data-v-c4829ec2],.slide-down-leave-to[data-v-c4829ec2]{--tw-translate-y:-.5rem;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.line-clamp-1[data-v-c4829ec2]{-webkit-line-clamp:1}.line-clamp-1[data-v-c4829ec2],.line-clamp-2[data-v-c4829ec2]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2[data-v-c4829ec2]{-webkit-line-clamp:2}@media (max-width:640px){.notification-dropdown[data-v-c4829ec2]{left:50%;width:20rem;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}