.notification-center[data-v-48e72422]{position:relative}.notification-trigger[data-v-48e72422]{padding:.5rem;position:relative;--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-trigger[data-v-48e72422]:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.notification-trigger[data-v-48e72422]{border-radius:9999px}.notification-trigger[data-v-48e72422]:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.notification-trigger[data-v-48e72422]: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-trigger-active[data-v-48e72422]{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.notification-badge[data-v-48e72422]{position:absolute;right:-.25rem;top:-.25rem;--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));font-size:.75rem;line-height:1rem;--tw-text-opacity:1;align-items:center;border-radius:9999px;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px}.notification-backdrop[data-v-48e72422]{top:0;right:0;bottom:0;left:0;position:fixed;z-index:40}.notification-panel[data-v-48e72422]{left:0;margin-top:.5rem;max-width:24rem;position:absolute;width:24rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.5rem;border-width:1px;z-index:50;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);flex-direction:column;max-height:80vh;top:100%}.notification-header[data-v-48e72422],.notification-panel[data-v-48e72422]{display:flex}.notification-header[data-v-48e72422]{align-items:center;border-bottom-width:1px;justify-content:space-between;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:1rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.notification-title[data-v-48e72422]{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))}.notification-controls[data-v-48e72422]{display:flex}.notification-controls[data-v-48e72422]>: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))}.notification-controls[data-v-48e72422]:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.notification-control-btn[data-v-48e72422]{padding:.25rem;--tw-text-opacity:1;color:rgb(107 114 128/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-control-btn[data-v-48e72422]:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.notification-control-btn[data-v-48e72422]{border-radius:.25rem}.notification-control-btn[data-v-48e72422]:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.notification-filters[data-v-48e72422]{display:flex}.notification-filters[data-v-48e72422]>: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-filters[data-v-48e72422]{border-bottom-width:1px;overflow-x:auto;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:.5rem}.notification-filters[data-v-48e72422]:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.notification-filter[data-v-48e72422]{align-items:center;display:flex}.notification-filter[data-v-48e72422]>: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-filter[data-v-48e72422]{padding:.25rem .75rem}.notification-filter[data-v-48e72422]:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.notification-filter[data-v-48e72422]{border-radius:9999px;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.notification-filter[data-v-48e72422]:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.filter-active[data-v-48e72422]{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.filter-count[data-v-48e72422]{background-color:currentColor;border-radius:9999px;font-size:.75rem;line-height:1rem;margin-left:.25rem;padding:.125rem .375rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.filter-count[data-v-48e72422]:where([dir=rtl],[dir=rtl] *){margin-left:0;margin-right:.25rem}.notification-list[data-v-48e72422]{flex:1 1 0%;max-height:24rem;overflow-y:auto}.notification-empty[data-v-48e72422]{padding:2rem;text-align:center}.notification-item-base[data-v-48e72422]{align-items:flex-start;border-bottom-width:1px;display:flex;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1));padding:1rem}.notification-item-base[data-v-48e72422]:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.notification-item-base[data-v-48e72422]{cursor:pointer;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-unread[data-v-48e72422]{border-left-width:4px;--tw-border-opacity:1;border-left-color:rgb(59 130 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.notification-important[data-v-48e72422]{border-left-width:4px;--tw-border-opacity:1;border-left-color:rgb(239 68 68/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.notification-icon[data-v-48e72422]{align-items:center;border-radius:9999px;display:flex;flex-shrink:0;font-size:.875rem;height:2.5rem;justify-content:center;line-height:1.25rem;margin-right:.75rem;width:2.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.notification-icon[data-v-48e72422]:where([dir=rtl],[dir=rtl] *){margin-left:.75rem;margin-right:0}.notification-content[data-v-48e72422]{flex:1 1 0%;min-width:0}.notification-meta[data-v-48e72422]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.25rem}.notification-item-title[data-v-48e72422]{font-size:.875rem;font-weight:600;line-height:1.25rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.notification-time[data-v-48e72422]{flex-shrink:0;font-size:.75rem;line-height:1rem;margin-left:.5rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.notification-time[data-v-48e72422]:where([dir=rtl],[dir=rtl] *){margin-left:0;margin-right:.5rem}.notification-message[data-v-48e72422]{font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.notification-priority[data-v-48e72422]{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:500;line-height:1rem;margin-top:.5rem;padding:.25rem .5rem}.priority-low[data-v-48e72422]{background-color:rgb(243 244 246/var(--tw-bg-opacity,1));color:rgb(75 85 99/var(--tw-text-opacity,1))}.priority-low[data-v-48e72422],.priority-normal[data-v-48e72422]{--tw-bg-opacity:1;--tw-text-opacity:1}.priority-normal[data-v-48e72422]{background-color:rgb(219 234 254/var(--tw-bg-opacity,1));color:rgb(37 99 235/var(--tw-text-opacity,1))}.priority-high[data-v-48e72422]{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}@keyframes pulse-48e72422{50%{opacity:.5}}.priority-urgent[data-v-48e72422]{animation:pulse-48e72422 2s cubic-bezier(.4,0,.6,1) infinite;--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.notification-actions[data-v-48e72422]{display:flex;margin-top:.5rem}.notification-actions[data-v-48e72422]>: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))}.notification-actions[data-v-48e72422]:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.notification-action-btn[data-v-48e72422]{border-radius:.25rem;font-size:.75rem;font-weight:500;line-height:1rem;padding:.25rem .5rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.notification-action-btn[data-v-48e72422]:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.notification-remove[data-v-48e72422]{align-items:center;border-radius:9999px;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;width:1.5rem;--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)}.notification-remove[data-v-48e72422]:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.notification-remove[data-v-48e72422]{margin-left:.5rem}.notification-remove[data-v-48e72422]:where([dir=rtl],[dir=rtl] *){margin-left:0;margin-right:.5rem}.notification-footer[data-v-48e72422]{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:1rem}.notification-load-more[data-v-48e72422]{font-size:.875rem;font-weight:500;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))}.notification-load-more[data-v-48e72422]:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.notification-load-more[data-v-48e72422]{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-load-more[data-v-48e72422]:disabled{cursor:not-allowed;opacity:.5}.notification-panel-enter-active[data-v-48e72422]{transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.notification-panel-leave-active[data-v-48e72422]{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,1,1)}.notification-panel-enter-from[data-v-48e72422],.notification-panel-leave-to[data-v-48e72422]{--tw-translate-y:-.5rem;--tw-scale-x:.95;--tw-scale-y:.95;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))}@media (max-width:640px){.notification-panel[data-v-48e72422]{left:auto;right:0;width:20rem}}@media (prefers-color-scheme:dark){.notification-panel[data-v-48e72422]{background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.notification-header[data-v-48e72422],.notification-panel[data-v-48e72422]{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1));--tw-bg-opacity:1}.notification-header[data-v-48e72422]{background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.notification-title[data-v-48e72422]{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.notification-item-base[data-v-48e72422]{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.notification-item-base[data-v-48e72422]:hover,.notification-unread[data-v-48e72422]{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.notification-item-title[data-v-48e72422]{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.notification-message[data-v-48e72422]{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.notification-time[data-v-48e72422]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}}