.notification[data-v-d5a4ef84]{align-items:flex-start;background-color:var(--SECONDARY-BG-COLOR);border-bottom:var(--BORDER-1-SHADE-1);cursor:pointer;display:flex;gap:12px;min-height:88px;padding:16px 12px;transition:background-color .3s ease,transform .3s ease;width:100%}.notification[data-v-d5a4ef84]:hover{background-color:#ffffff33}.notification.read[data-v-d5a4ef84]{border-left:4px solid var(--SECONDARY-BG-COLOR)}.notification.unread[data-v-d5a4ef84]{border-left:4px solid var(--PRIMARY-COLOR)}.notification-body[data-v-d5a4ef84]{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;min-width:0;width:100%}.notification-content[data-v-d5a4ef84]{flex:1;min-width:0}.notification-meta[data-v-d5a4ef84]{align-items:center;color:var(--PRIMARY-TEXT-COLOR-SHADE-6);display:flex;font-size:.75rem;gap:8px;padding-top:2px;white-space:nowrap}.notification-action[data-v-d5a4ef84]{background:var(--PRIMARY-COLOR);border-radius:999px;color:#fff;display:inline-flex;font-size:.6875rem;font-weight:700;letter-spacing:.02em;padding:4px 10px;text-transform:none}.notification-action[data-v-d5a4ef84],.notification-icon[data-v-d5a4ef84]{align-items:center;justify-content:center}.notification-icon[data-v-d5a4ef84]{background-color:#186123;border-radius:50%;color:#f9f6f6;display:flex;flex-shrink:0;font-size:22px;font-weight:600;height:56px;width:56px}.icon-wrapper[data-v-d5a4ef84]{align-items:center;background:linear-gradient(135deg,var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1) 0,var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-2) 100%);border:2px solid var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-2);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-shrink:0;height:44px;justify-content:center;min-height:44px;min-width:44px;width:44px}.notification-title[data-v-d5a4ef84]{color:var(--PRIMARY-TEXT-COLOR);font-size:.9rem;font-weight:650;letter-spacing:-.02em;line-height:1.35;margin-bottom:4px}.notification-message[data-v-d5a4ef84],.notification-title[data-v-d5a4ef84]{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.notification-message[data-v-d5a4ef84]{color:var(--PRIMARY-TEXT-COLOR-SHADE-6);font-size:.8125rem;line-height:1.4}.notification-time[data-v-d5a4ef84]{color:var(--PRIMARY-TEXT-COLOR-SHADE-5);font-size:.75rem}.icon[data-v-d5a4ef84]{color:var(--PRIMARY-COLOR);stroke-width:2}@media (max-width:640px){.notification[data-v-d5a4ef84]{min-height:82px;padding:14px 10px}.notification-title[data-v-d5a4ef84]{font-size:.85rem}.notification-message[data-v-d5a4ef84]{font-size:.78rem}.notification-time[data-v-d5a4ef84]{font-size:.7rem}}.main-notifications[data-v-740dd22a]{background-color:transparent;border-radius:0;box-shadow:none;box-sizing:border-box;height:auto;margin:0 auto;min-height:600px;overflow:visible;padding:1.75rem var(--PAGE-GUTTER,1.25rem) 3rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-notifications[data-v-740dd22a]:hover{box-shadow:none}.main-notifications[data-v-740dd22a],.main-notifications-sm[data-v-740dd22a]{display:flex;flex-direction:column}.main-notifications .notification-tabs-wrapper[data-v-740dd22a]{border:1px solid color-mix(in srgb,var(--PRIMARY-TEXT-COLOR) 8%,transparent);border-radius:16px;box-shadow:0 16px 40px rgba(16,24,20,.08);height:auto;min-height:600px;overflow:hidden}.notification-header--page[data-v-740dd22a]{align-items:center;gap:1rem;margin:0;padding:1.35rem 1.5rem .5rem}.main-notifications .notification-tabs-bar[data-v-740dd22a]{padding:0 1.5rem 14px}.main-notifications .notifications[data-v-740dd22a]{padding:6px 12px 24px}.main-notifications[data-v-740dd22a] .notification{border-radius:12px;padding:14px 16px}.main-notifications .notification-tab-content[data-v-740dd22a]{flex:none;height:auto;overflow:visible}.main-notifications-sm[data-v-740dd22a]{animation:none;background-color:transparent;border:none;border-radius:0;box-shadow:none;cursor:auto;height:600px!important;max-height:calc(100vh - 100px);overflow:hidden;padding-bottom:0;position:relative;transform-origin:top right;transition:all .3s cubic-bezier(.4,0,.2,1);width:450px!important}@keyframes flyout-enter-740dd22a{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.main-notifications-sm[data-v-740dd22a]:hover{box-shadow:none;transform:none}.main-notifications.container[data-v-740dd22a]{max-width:100%}.notification-header[data-v-740dd22a]{align-items:center;background:linear-gradient(135deg,var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1) 0,transparent 100%);border-bottom:var(--BORDER-1-SHADE-1);box-sizing:border-box;display:flex;gap:12px;justify-content:space-between;margin:0;max-width:none;padding:14px 16px;width:100%}.header-left[data-v-740dd22a]{align-items:center;display:flex;gap:10px;min-width:0}.header-icon-wrapper[data-v-740dd22a]{align-items:center;background:linear-gradient(135deg,var(--PRIMARY-COLOR) 0,var(--PRIMARY-COLOR-SHADE-6) 100%);border-radius:12px;box-shadow:0 4px 12px var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-3);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.header-icon-wrapper[data-v-740dd22a]:hover{box-shadow:0 6px 16px var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-4);transform:scale(1.05)}.header-icon[data-v-740dd22a]{color:#fff;height:20px;width:20px}.header-text[data-v-740dd22a]{display:flex;flex-direction:column}.notification-main-title[data-v-740dd22a]{color:var(--PRIMARY-TEXT-COLOR);display:flex;font-size:1.05rem;gap:8px;letter-spacing:-.02em;margin:0}.notification-badge[data-v-740dd22a],.notification-main-title[data-v-740dd22a]{align-items:center;font-weight:700;white-space:nowrap}.notification-badge[data-v-740dd22a]{animation:badge-bounce-740dd22a .5s ease-out;background:color-mix(in srgb,var(--PRIMARY-RED-COLOR,#ea4335) 16%,var(--SECONDARY-BG-COLOR,#fff));border:1px solid color-mix(in srgb,var(--PRIMARY-RED-COLOR,#ea4335) 28%,transparent);border-radius:12px;box-shadow:none;color:var(--PRIMARY-RED-COLOR-SHADE-8,#b42318);display:inline-flex;font-size:.7rem;height:20px;justify-content:center;line-height:1;min-width:20px;padding:2px 8px}html[data-theme=dark]{background:linear-gradient(135deg,var(--PRIMARY-RED-COLOR) 0,var(--PRIMARY-RED-COLOR-SHADE-6) 100%);border-color:var(--SECONDARY-BG-COLOR);box-shadow:0 2px 8px var(--PRIMARY-RED-COLOR-TRANSPARENT);color:#fff}@keyframes badge-bounce-740dd22a{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.mark-as-read[data-v-740dd22a]{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-3);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:600;gap:6px;padding:7px 12px;transition:all .2s ease;white-space:nowrap}.mark-as-read[data-v-740dd22a],.mark-as-read[data-v-740dd22a]:hover:not(.disabled){background:linear-gradient(135deg,var(--PRIMARY-COLOR) 0,var(--PRIMARY-COLOR-SHADE-6) 100%);color:#fff}.mark-as-read[data-v-740dd22a]:hover:not(.disabled){box-shadow:0 4px 12px var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-3);transform:translateY(-1px)}.mark-as-read.disabled[data-v-740dd22a]{background:var(--SECONDARY-BG-COLOR-SHADE-1);color:var(--PRIMARY-TEXT-COLOR-SHADE-6);cursor:not-allowed;opacity:.5}.notification-view-all[data-v-740dd22a]{background:var(--SECONDARY-BG-COLOR);font-size:.9rem;padding:14px 16px}.notification-view-all[data-v-740dd22a]:hover{background:var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1);color:var(--PRIMARY-COLOR)}.notification-tabs-wrapper[data-v-740dd22a]{background:var(--CHAT-BODY-BG-COLOR);border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:var(--ELEVATION-2);display:flex;flex-direction:column;height:100%;overflow:hidden;padding-top:0;width:100%}.notification-tabs[data-v-740dd22a]{display:flex;flex:1;flex-direction:column;min-height:0;width:100%}.notification-title-link[data-v-740dd22a]{color:inherit;text-decoration:none}.notification-title-link[data-v-740dd22a]:hover{text-decoration:underline}.notification-view-all[data-v-740dd22a]{align-items:center;background:var(--CHAT-BODY-BG-COLOR,#fff);border-top:var(--BORDER-1-SHADE-1);color:var(--PRIMARY-COLOR);display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;text-decoration:none}.notification-view-all[data-v-740dd22a]:hover{background:color-mix(in srgb,var(--PRIMARY-COLOR) 8%,var(--CHAT-BODY-BG-COLOR,#fff))}.notification-view-all i[data-v-740dd22a]{font-size:.7rem}.notification-tabs-bar[data-v-740dd22a]{border-bottom:none;flex-shrink:0;padding:0 0 12px}.notification-tablist[data-v-740dd22a]{align-items:stretch;box-sizing:border-box;color:var(--PRIMARY-TEXT-COLOR-SHADE-6);display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:stretch;margin:0;min-height:44px;width:100%}.notification-tablist.snchrome__tabs[data-v-740dd22a]{margin-bottom:0;width:100%}.tab-trigger-enhanced[data-v-740dd22a]{align-items:center;background:transparent;border:none;border-radius:8px;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;flex:1 1 0;font-size:.875rem;font-weight:600;gap:6px;height:36px;justify-content:center;line-height:1.2;margin:0;min-height:36px;min-width:0;padding:8px 10px;position:relative;transition:all .2s ease;white-space:nowrap}.tab-trigger-enhanced[data-v-740dd22a]:hover:not(.is-active){background:var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1);color:var(--PRIMARY-COLOR)}.tab-trigger-enhanced.is-active[data-v-740dd22a]{background:color-mix(in srgb,var(--PRIMARY-COLOR) 14%,transparent);box-shadow:none;color:var(--PRIMARY-COLOR)}.tab-icon[data-v-740dd22a]{flex-shrink:0;height:16px;width:16px}.tab-label[data-v-740dd22a]{flex-shrink:0;font-weight:600}.notification-badge-tab[data-v-740dd22a]{align-items:center;background:hsla(0,0%,100%,.3);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.2);color:#fff;display:inline-flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:22px;padding:2px 7px;white-space:nowrap}.tab-trigger-enhanced.is-active .notification-badge-tab[data-v-740dd22a]{background:var(--PRIMARY-COLOR);box-shadow:none;color:#fff}.tab-trigger-enhanced:not(.is-active) .notification-badge-tab[data-v-740dd22a]{background:var(--PRIMARY-TEXT-COLOR-SHADE-7);border:1px solid var(--BORDER-1-SHADE-2);box-shadow:0 1px 3px rgba(0,0,0,.15);color:var(--SECONDARY-BG-COLOR);font-weight:700}.notification-tab-content[data-v-740dd22a]{flex:1;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto!important;padding-bottom:16px;scrollbar-color:var(--PRIMARY-TEXT-COLOR-SHADE-5) transparent;scrollbar-width:thin;width:100%}.notification-tab-content[data-v-740dd22a]::-webkit-scrollbar{width:6px}.notification-tab-content[data-v-740dd22a]::-webkit-scrollbar-track{background:transparent}.notification-tab-content[data-v-740dd22a]::-webkit-scrollbar-thumb{background:var(--PRIMARY-TEXT-COLOR-SHADE-5);border-radius:3px}.notification-tab-content[data-v-740dd22a]::-webkit-scrollbar-thumb:hover{background:var(--PRIMARY-TEXT-COLOR-SHADE-6)}.notifications[data-v-740dd22a]{padding:8px 0 20px}.notification-link[data-v-740dd22a]{color:inherit;display:block;text-decoration:none}.notification-link[data-v-740dd22a]:hover{color:inherit}.notification-item-enhanced[data-v-740dd22a]{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-item-enhanced[data-v-740dd22a]:before{background:linear-gradient(90deg,var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1) 0,transparent 100%);bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0}.notification-item-enhanced[data-v-740dd22a]:hover{box-shadow:inset 4px 0 0 var(--PRIMARY-COLOR)}.notification-item-enhanced[data-v-740dd22a]:hover:before{width:4px}.load-more-sentinel[data-v-740dd22a]{height:1px;min-height:1px;pointer-events:none;visibility:hidden;width:100%}.loading-more[data-v-740dd22a]{align-items:center;display:flex;justify-content:center;padding:16px}.my-spinner--sm[data-v-740dd22a]{border-width:2px;height:20px;width:20px}.notification-list-enter-active[data-v-740dd22a]{transition:all .3s ease}.notification-list-leave-active[data-v-740dd22a]{transition:all .25s ease}.notification-list-enter-from[data-v-740dd22a]{opacity:0;transform:translateX(-20px)}.notification-list-leave-to[data-v-740dd22a]{opacity:0;transform:translateX(20px)}.notification-list-move[data-v-740dd22a]{transition:transform .3s ease}.empty-state-enhanced[data-v-740dd22a]{flex-direction:column;gap:12px;padding:60px 20px}.empty-icon-wrapper[data-v-740dd22a],.empty-state-enhanced[data-v-740dd22a]{align-items:center;display:flex;justify-content:center}.empty-icon-wrapper[data-v-740dd22a]{background:linear-gradient(135deg,var(--SECONDARY-BG-COLOR-SHADE-1) 0,var(--SECONDARY-BG-COLOR-SHADE-2) 100%);border-radius:50%;height:80px;margin-bottom:8px;transition:all .3s ease;width:80px}.empty-state-enhanced:hover .empty-icon-wrapper[data-v-740dd22a]{box-shadow:var(--ELEVATION-2);transform:scale(1.05)}.empty-icon[data-v-740dd22a]{color:var(--PRIMARY-TEXT-COLOR-SHADE-5);height:40px;width:40px}.empty-title[data-v-740dd22a]{color:var(--PRIMARY-TEXT-COLOR);font-size:1rem;font-weight:700;letter-spacing:-.02em}.empty-subtitle[data-v-740dd22a]{color:var(--PRIMARY-TEXT-COLOR-SHADE-6);font-size:.8125rem}.loading-state-enhanced[data-v-740dd22a]{flex-direction:column;gap:20px;min-height:300px;padding:80px 20px}.loading-state-enhanced[data-v-740dd22a],.spinner-wrapper[data-v-740dd22a]{align-items:center;display:flex;justify-content:center}.spinner-wrapper[data-v-740dd22a]{height:56px;position:relative;width:56px}.spinner-wrapper[data-v-740dd22a]:before{animation:spin-740dd22a 2s linear infinite;background:conic-gradient(from 0deg,var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1),var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1),var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1));border-radius:50%;content:"";inset:-8px;opacity:.5;position:absolute}.my-spinner[data-v-740dd22a]{animation:spin-740dd22a .8s linear infinite;border-bottom:4px solid var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1);border-left:4px solid var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1);border-radius:50%;border-right-color:var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1);border-right:4px solid var(--PRIMARY-COLOR-SHADE-6);border-top-color:var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1);border-top:4px solid var(--PRIMARY-COLOR);height:48px;position:relative;width:48px;z-index:1}@keyframes spin-740dd22a{to{transform:rotate(1turn)}}.loading-text[data-v-740dd22a]{animation:pulse-text-740dd22a 2s ease-in-out infinite;color:var(--PRIMARY-TEXT-COLOR-SHADE-6);font-size:.95rem;font-weight:600;letter-spacing:.5px}@keyframes pulse-text-740dd22a{0%,to{opacity:.6}50%{opacity:1}}.error-state-enhanced[data-v-740dd22a]{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.error-icon[data-v-740dd22a]{color:var(--PRIMARY-RED-COLOR);height:48px;width:48px}.error-text[data-v-740dd22a]{color:var(--PRIMARY-TEXT-COLOR-SHADE-6);font-size:.95rem;text-align:center}.retry-button[data-v-740dd22a]{background:var(--PRIMARY-COLOR);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.retry-button[data-v-740dd22a]:hover{background:var(--PRIMARY-COLOR-SHADE-6);transform:translateY(-1px)}.fade-enter-active[data-v-740dd22a],.fade-leave-active[data-v-740dd22a]{transition:opacity .2s ease}.fade-enter-from[data-v-740dd22a],.fade-leave-to[data-v-740dd22a]{opacity:0}@media (max-width:768px){.tab-trigger-enhanced[data-v-740dd22a]{flex:0 0 auto}}@media (max-width:480px){.main-notifications-sm[data-v-740dd22a]{right:12px;width:calc(100vw - 24px)!important}.notification-header[data-v-740dd22a]{padding:16px 20px}.mark-as-read[data-v-740dd22a]{font-size:.8rem;padding:6px 12px}.main-notifications.container[data-v-740dd22a]{padding:1.15rem var(--PAGE-GUTTER,1.25rem) 2rem!important}.main-notifications .notification-tabs-bar[data-v-740dd22a],.notification-header--page[data-v-740dd22a]{padding-left:1rem;padding-right:1rem}}