.notification-overlay[data-v-0f7d8bc0]{position:absolute;right:0;top:110%;z-index:1000}.notification-overlay.mobile-overlay[data-v-0f7d8bc0]{inset:0;position:fixed;touch-action:none;z-index:1000}.mobile-backdrop[data-v-0f7d8bc0]{animation:backdropFadeIn-0f7d8bc0 .3s ease-out;background:#00000080;inset:0;position:absolute}@keyframes backdropFadeIn-0f7d8bc0{0%{opacity:0}to{opacity:1}}.mobile-handle[data-v-0f7d8bc0]{background:var(--p-surface-400);border-radius:2px;cursor:grab;flex-shrink:0;height:4px;margin:8px auto;touch-action:pan-y;width:40px}.mobile-handle[data-v-0f7d8bc0]:active{cursor:grabbing}.notification-panel[data-v-0f7d8bc0]{background:var(--p-content-background);border:1px solid var(--p-overlay-popover-border-color);border-radius:.5rem;box-shadow:var(--p-overlay-popover-shadow);max-width:90vw;width:420px}.notification-panel.mobile-drawer[data-v-0f7d8bc0]{border-bottom:none;border-radius:1rem 1rem 0 0;bottom:0;box-shadow:0 -10px 40px #0003;display:flex;flex-direction:column;height:auto;left:0;max-height:85vh;max-width:100vw;position:fixed;right:0;touch-action:pan-y;width:100%}.notification-panel.mobile-drawer.is-dragging[data-v-0f7d8bc0]{touch-action:none;transition:none}.notification-panel.mobile-drawer.is-animating[data-v-0f7d8bc0]{transition:transform .25s cubic-bezier(.25,.8,.25,1)}@media (max-width:576px){.notification-panel[data-v-0f7d8bc0]{width:340px}}.notification-header[data-v-0f7d8bc0]{align-items:center;border-bottom:1px solid var(--p-surface-border);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem;touch-action:pan-y}.notification-header .header-content[data-v-0f7d8bc0]{align-items:center;display:flex;gap:.5rem}.notification-header .header-content h3[data-v-0f7d8bc0]{color:var(--p-text-color);font-size:1.125rem;font-weight:600;margin:0}.notification-header .header-actions[data-v-0f7d8bc0]{align-items:center;display:flex;gap:.5rem}.notification-tabs[data-v-0f7d8bc0]{display:flex;flex:1;flex-direction:column;overflow:hidden}.notification-tabs[data-v-0f7d8bc0] .p-tabview-nav{background:var(--p-surface-100);border-bottom:1px solid var(--p-surface-border);flex-shrink:0;margin:0}.notification-tabs[data-v-0f7d8bc0] .p-tabview-nav .p-tabview-nav-link{font-size:.875rem;padding:.75rem 1rem}.notification-tabs[data-v-0f7d8bc0] .p-tabview-panels{flex:1;overflow:hidden;padding:0}.notification-tabs[data-v-0f7d8bc0] .p-tabview-panel{display:flex;flex-direction:column;height:100%}.notification-tabs .tab-header[data-v-0f7d8bc0]{align-items:center;display:flex;gap:.5rem}.notification-filters[data-v-0f7d8bc0]{border-bottom:1px solid var(--p-surface-border);display:flex;flex-shrink:0;gap:.5rem;padding:.75rem 1rem}.notification-filters[data-v-0f7d8bc0] .p-select{flex:1}.notification-list[data-v-0f7d8bc0]{flex:1;max-height:300px;overflow-y:auto}.mobile-drawer .notification-list[data-v-0f7d8bc0]{-webkit-overflow-scrolling:touch}.end-of-list[data-v-0f7d8bc0],.loading-more[data-v-0f7d8bc0],.loading-notifications[data-v-0f7d8bc0],.no-notifications[data-v-0f7d8bc0]{align-items:center;color:var(--p-surface-500);display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.end-of-list i[data-v-0f7d8bc0],.loading-more i[data-v-0f7d8bc0],.loading-notifications i[data-v-0f7d8bc0],.no-notifications i[data-v-0f7d8bc0]{font-size:2rem;margin-bottom:.5rem}.end-of-list p[data-v-0f7d8bc0],.loading-more p[data-v-0f7d8bc0],.loading-notifications p[data-v-0f7d8bc0],.no-notifications p[data-v-0f7d8bc0]{color:var(--p-text-muted-color);margin:0}.end-of-list[data-v-0f7d8bc0],.loading-more[data-v-0f7d8bc0]{border-top:1px solid var(--p-surface-border);padding:1rem}.end-of-list p[data-v-0f7d8bc0]{color:var(--p-surface-400);font-size:.875rem}.notification-item[data-v-0f7d8bc0]{align-items:flex-start;border-bottom:1px solid var(--p-surface-border);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;position:relative;transition:background-color .2s}.notification-item[data-v-0f7d8bc0]:hover{background-color:var(--p-surface-hover)}.notification-item.unread[data-v-0f7d8bc0]{background-color:var(--p-sky-50)}.notification-item.unread .notification-content h4[data-v-0f7d8bc0]{font-weight:600}.notification-item[data-v-0f7d8bc0]:last-child{border-bottom:none}.notification-icon[data-v-0f7d8bc0]{align-items:center;background-color:var(--p-surface-100);border-radius:50%;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.notification-icon i[data-v-0f7d8bc0]{font-size:1rem}.notification-content[data-v-0f7d8bc0]{flex:1;min-width:0}.notification-content h4[data-v-0f7d8bc0]{color:var(--p-text-color);font-size:.875rem;font-weight:500;line-height:1.4;margin:0 0 .25rem}.notification-content p[data-v-0f7d8bc0]{color:var(--p-surface-600);display:-webkit-box;font-size:.75rem;line-height:1.4;margin:0 0 .25rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-content .notification-time[data-v-0f7d8bc0]{color:var(--p-surface-500);font-size:.625rem}.unread-indicator[data-v-0f7d8bc0]{background-color:var(--p-primary-color);border-radius:50%;height:.5rem;position:absolute;right:.75rem;top:.75rem;width:.5rem}.notification-footer[data-v-0f7d8bc0]{border-top:1px solid var(--p-surface-border);flex-shrink:0;padding:.75rem 1rem;text-align:center}.app-dark .mobile-backdrop[data-v-0f7d8bc0]{background:#000000b3}.app-dark .mobile-handle[data-v-0f7d8bc0]{background:var(--p-surface-600)}.app-dark .notification-panel[data-v-0f7d8bc0]{background:var(--p-surface-900);border-color:var(--p-surface-700);box-shadow:var(--p-overlay-popover-shadow)}.app-dark .notification-panel.mobile-drawer[data-v-0f7d8bc0]{box-shadow:0 -10px 40px #0006}.app-dark .notification-header[data-v-0f7d8bc0]{border-bottom-color:var(--p-surface-700)}.app-dark .notification-header .header-content h3[data-v-0f7d8bc0]{color:var(--p-surface-0)}.app-dark .notification-tabs[data-v-0f7d8bc0] .p-tabview-nav{background:var(--p-surface-800);border-bottom-color:var(--p-surface-700)}.app-dark .notification-filters[data-v-0f7d8bc0]{border-bottom-color:var(--p-surface-700)}.app-dark .no-notifications[data-v-0f7d8bc0],.app-dark .no-notifications p[data-v-0f7d8bc0]{color:var(--p-surface-400)}.app-dark .notification-item[data-v-0f7d8bc0]{border-bottom-color:var(--p-surface-700)}.app-dark .notification-item.unread[data-v-0f7d8bc0],.app-dark .notification-item[data-v-0f7d8bc0]:hover{background-color:var(--p-surface-800)}.app-dark .notification-item.unread[data-v-0f7d8bc0]{border-left:3px solid var(--p-primary-color)}.app-dark .notification-item.unread .notification-content h4[data-v-0f7d8bc0]{color:var(--p-surface-0)}.app-dark .notification-icon[data-v-0f7d8bc0]{background-color:var(--p-surface-700)}.app-dark .notification-content h4[data-v-0f7d8bc0]{color:var(--p-surface-100)}.app-dark .notification-content p[data-v-0f7d8bc0]{color:var(--p-surface-400)}.app-dark .notification-content .notification-time[data-v-0f7d8bc0]{color:var(--p-surface-500)}.app-dark .notification-footer[data-v-0f7d8bc0]{border-top-color:var(--p-surface-700)}.notification-drawer-enter-active[data-v-0f7d8bc0],.notification-drawer-leave-active[data-v-0f7d8bc0]{transition:opacity .3s ease-out}.mobile-overlay .notification-drawer-enter-active[data-v-0f7d8bc0],.mobile-overlay .notification-drawer-leave-active[data-v-0f7d8bc0]{transition:none}.notification-drawer-enter-active .mobile-drawer[data-v-0f7d8bc0],.notification-drawer-leave-active .mobile-drawer[data-v-0f7d8bc0]{transition:transform .3s cubic-bezier(.25,.8,.25,1)}.notification-drawer-enter-from[data-v-0f7d8bc0]{opacity:0}.notification-drawer-enter-from .mobile-drawer[data-v-0f7d8bc0]{transform:translateY(100%)}.notification-drawer-leave-to[data-v-0f7d8bc0]{opacity:0}.notification-drawer-leave-to .mobile-drawer[data-v-0f7d8bc0]{transform:translateY(100%)}.backdrop-enter-active[data-v-0f7d8bc0],.backdrop-leave-active[data-v-0f7d8bc0]{transition:opacity .3s ease-out}.backdrop-enter-from[data-v-0f7d8bc0],.backdrop-leave-to[data-v-0f7d8bc0]{opacity:0}