.notification[data-v-44e440e8]{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-44e440e8]:hover{background-color:#ffffff33}.notification.read[data-v-44e440e8]{border-left:4px solid var(--SECONDARY-BG-COLOR)}.notification.unread[data-v-44e440e8]{border-left:4px solid var(--PRIMARY-COLOR)}.notification-body[data-v-44e440e8]{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;min-width:0;width:100%}.notification-content[data-v-44e440e8]{flex:1;min-width:0}.notification-meta[data-v-44e440e8]{align-items:center;color:var(--PRIMARY-TEXT-COLOR-SHADE-6);display:flex;font-size:.875rem;gap:8px;padding-top:2px;white-space:nowrap}.notification-icon[data-v-44e440e8]{background-color:#186123;border-radius:50%;color:#f9f6f6;font-size:22px;font-weight:600;height:56px;width:56px}.icon-wrapper[data-v-44e440e8],.notification-icon[data-v-44e440e8]{align-items:center;display:flex;flex-shrink:0;justify-content:center}.icon-wrapper[data-v-44e440e8]{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);height:44px;min-height:44px;min-width:44px;width:44px}.notification-title[data-v-44e440e8]{color:var(--PRIMARY-TEXT-COLOR);font-size:1rem;font-weight:600;line-height:1.35;margin-bottom:4px}.notification-message[data-v-44e440e8],.notification-title[data-v-44e440e8]{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.notification-message[data-v-44e440e8]{color:var(--PRIMARY-TEXT-COLOR-SHADE-6);font-size:.95rem;line-height:1.45}.notification-time[data-v-44e440e8]{color:var(--PRIMARY-TEXT-COLOR-SHADE-5);font-size:.9rem}.icon[data-v-44e440e8]{color:var(--PRIMARY-COLOR);stroke-width:2}@media (max-width:640px){.notification[data-v-44e440e8]{min-height:82px;padding:14px 10px}.notification-title[data-v-44e440e8]{font-size:.95rem}.notification-message[data-v-44e440e8]{font-size:.88rem}.notification-time[data-v-44e440e8]{font-size:.82rem}}.main-notifications[data-v-59a9bdb1]{background-color:transparent;border-radius:0;box-shadow:none;height:auto;margin:10px auto;min-height:600px;overflow:visible;padding-bottom:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-notifications[data-v-59a9bdb1]:hover{box-shadow:none}.main-notifications[data-v-59a9bdb1],.main-notifications-sm[data-v-59a9bdb1]{display:flex;flex-direction:column}.main-notifications .notification-tabs-wrapper[data-v-59a9bdb1]{height:auto;min-height:600px;overflow:visible}.main-notifications .notification-tab-content[data-v-59a9bdb1]{flex:none;height:auto;overflow:visible}.main-notifications-sm[data-v-59a9bdb1]{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-59a9bdb1{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.main-notifications-sm[data-v-59a9bdb1]:hover{box-shadow:none;transform:none}.container[data-v-59a9bdb1]{padding:0}.notification-header[data-v-59a9bdb1]{align-items:center;backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1) 0,transparent 100%);border-bottom:var(--BORDER-1-SHADE-1);display:flex;justify-content:space-between;margin-bottom:0;padding:24px 30px}.header-left[data-v-59a9bdb1]{align-items:center;display:flex;gap:12px}.header-icon-wrapper[data-v-59a9bdb1]{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;height:44px;justify-content:center;transition:all .3s ease;width:44px}.header-icon-wrapper[data-v-59a9bdb1]:hover{box-shadow:0 6px 16px var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-4);transform:scale(1.05)}.header-icon[data-v-59a9bdb1]{color:#fff;height:20px;width:20px}.header-text[data-v-59a9bdb1]{display:flex;flex-direction:column}.notification-main-title[data-v-59a9bdb1]{align-items:center;color:var(--PRIMARY-TEXT-COLOR);display:flex;font-size:1.3rem;font-weight:700;gap:8px;letter-spacing:-.02em}.notification-badge[data-v-59a9bdb1]{align-items:center;animation:badge-bounce-59a9bdb1 .5s ease-out;background:linear-gradient(135deg,var(--PRIMARY-RED-COLOR) 0,var(--PRIMARY-RED-COLOR-SHADE-6) 100%);border:2px solid var(--SECONDARY-BG-COLOR);border-radius:12px;box-shadow:0 2px 8px var(--PRIMARY-RED-COLOR-TRANSPARENT);color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;padding:2px 8px;white-space:nowrap}@keyframes badge-bounce-59a9bdb1{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.mark-as-read[data-v-59a9bdb1]{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-3);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.mark-as-read[data-v-59a9bdb1],.mark-as-read[data-v-59a9bdb1]:hover:not(.disabled){background:linear-gradient(135deg,var(--PRIMARY-COLOR) 0,var(--PRIMARY-COLOR-SHADE-6) 100%);color:#fff}.mark-as-read[data-v-59a9bdb1]:hover:not(.disabled){box-shadow:0 4px 12px var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-3);transform:translateY(-1px)}.mark-as-read.disabled[data-v-59a9bdb1]{background:var(--SECONDARY-BG-COLOR-SHADE-1);color:var(--PRIMARY-TEXT-COLOR-SHADE-6);cursor:not-allowed;opacity:.5}.notification-view-all[data-v-59a9bdb1]{background:var(--SECONDARY-BG-COLOR);font-size:.9rem;padding:14px 16px}.notification-view-all[data-v-59a9bdb1]:hover{background:var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1);color:var(--PRIMARY-COLOR)}.notification-tabs-wrapper[data-v-59a9bdb1]{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-59a9bdb1]{display:flex;flex:1;flex-direction:column;min-height:0;width:100%}.notification-title-link[data-v-59a9bdb1]{color:inherit;text-decoration:none}.notification-title-link[data-v-59a9bdb1]:hover{text-decoration:underline}.notification-view-all[data-v-59a9bdb1]{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-59a9bdb1]:hover{background:color-mix(in srgb,var(--PRIMARY-COLOR) 8%,var(--CHAT-BODY-BG-COLOR,#fff))}.notification-view-all i[data-v-59a9bdb1]{font-size:.7rem}.notification-tabs-bar[data-v-59a9bdb1]{border-bottom:none;flex-shrink:0;padding:0 0 12px}.notification-tablist[data-v-59a9bdb1]{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-59a9bdb1]{margin-bottom:0;width:100%}.tab-trigger-enhanced[data-v-59a9bdb1]{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-59a9bdb1]:hover:not(.is-active){background:var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1);color:var(--PRIMARY-COLOR)}.tab-trigger-enhanced.is-active[data-v-59a9bdb1]{background:color-mix(in srgb,var(--PRIMARY-COLOR) 14%,transparent);box-shadow:none;color:var(--PRIMARY-COLOR)}.tab-icon[data-v-59a9bdb1]{flex-shrink:0;height:16px;width:16px}.tab-label[data-v-59a9bdb1]{flex-shrink:0;font-weight:600}.notification-badge-tab[data-v-59a9bdb1]{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-59a9bdb1]{background:var(--PRIMARY-COLOR);box-shadow:none;color:#fff}.tab-trigger-enhanced:not(.is-active) .notification-badge-tab[data-v-59a9bdb1]{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-59a9bdb1]{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-59a9bdb1]::-webkit-scrollbar{width:6px}.notification-tab-content[data-v-59a9bdb1]::-webkit-scrollbar-track{background:transparent}.notification-tab-content[data-v-59a9bdb1]::-webkit-scrollbar-thumb{background:var(--PRIMARY-TEXT-COLOR-SHADE-5);border-radius:3px}.notification-tab-content[data-v-59a9bdb1]::-webkit-scrollbar-thumb:hover{background:var(--PRIMARY-TEXT-COLOR-SHADE-6)}.notifications[data-v-59a9bdb1]{padding:8px 0 20px}.notification-link[data-v-59a9bdb1]{color:inherit;display:block;text-decoration:none}.notification-link[data-v-59a9bdb1]:hover{color:inherit}.notification-item-enhanced[data-v-59a9bdb1]{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-item-enhanced[data-v-59a9bdb1]: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-59a9bdb1]:hover{box-shadow:inset 4px 0 0 var(--PRIMARY-COLOR)}.notification-item-enhanced[data-v-59a9bdb1]:hover:before{width:4px}.load-more-sentinel[data-v-59a9bdb1]{height:1px;min-height:1px;pointer-events:none;visibility:hidden;width:100%}.loading-more[data-v-59a9bdb1]{align-items:center;display:flex;justify-content:center;padding:16px}.my-spinner--sm[data-v-59a9bdb1]{border-width:2px;height:20px;width:20px}.notification-list-enter-active[data-v-59a9bdb1]{transition:all .3s ease}.notification-list-leave-active[data-v-59a9bdb1]{transition:all .25s ease}.notification-list-enter-from[data-v-59a9bdb1]{opacity:0;transform:translateX(-20px)}.notification-list-leave-to[data-v-59a9bdb1]{opacity:0;transform:translateX(20px)}.notification-list-move[data-v-59a9bdb1]{transition:transform .3s ease}.empty-state-enhanced[data-v-59a9bdb1]{flex-direction:column;gap:12px;padding:60px 20px}.empty-icon-wrapper[data-v-59a9bdb1],.empty-state-enhanced[data-v-59a9bdb1]{align-items:center;display:flex;justify-content:center}.empty-icon-wrapper[data-v-59a9bdb1]{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-59a9bdb1]{box-shadow:var(--ELEVATION-2);transform:scale(1.05)}.empty-icon[data-v-59a9bdb1]{color:var(--PRIMARY-TEXT-COLOR-SHADE-5);height:40px;width:40px}.empty-title[data-v-59a9bdb1]{color:var(--PRIMARY-TEXT-COLOR);font-size:1.1rem;font-weight:600}.empty-subtitle[data-v-59a9bdb1]{color:var(--PRIMARY-TEXT-COLOR-SHADE-6);font-size:.9rem}.loading-state-enhanced[data-v-59a9bdb1]{flex-direction:column;gap:20px;min-height:300px;padding:80px 20px}.loading-state-enhanced[data-v-59a9bdb1],.spinner-wrapper[data-v-59a9bdb1]{align-items:center;display:flex;justify-content:center}.spinner-wrapper[data-v-59a9bdb1]{height:56px;position:relative;width:56px}.spinner-wrapper[data-v-59a9bdb1]:before{animation:spin-59a9bdb1 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-59a9bdb1]{animation:spin-59a9bdb1 .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-59a9bdb1{to{transform:rotate(1turn)}}.loading-text[data-v-59a9bdb1]{animation:pulse-text-59a9bdb1 2s ease-in-out infinite;color:var(--PRIMARY-TEXT-COLOR-SHADE-6);font-size:.95rem;font-weight:600;letter-spacing:.5px}@keyframes pulse-text-59a9bdb1{0%,to{opacity:.6}50%{opacity:1}}.error-state-enhanced[data-v-59a9bdb1]{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.error-icon[data-v-59a9bdb1]{color:var(--PRIMARY-RED-COLOR);height:48px;width:48px}.error-text[data-v-59a9bdb1]{color:var(--PRIMARY-TEXT-COLOR-SHADE-6);font-size:.95rem;text-align:center}.retry-button[data-v-59a9bdb1]{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-59a9bdb1]:hover{background:var(--PRIMARY-COLOR-SHADE-6);transform:translateY(-1px)}.fade-enter-active[data-v-59a9bdb1],.fade-leave-active[data-v-59a9bdb1]{transition:opacity .2s ease}.fade-enter-from[data-v-59a9bdb1],.fade-leave-to[data-v-59a9bdb1]{opacity:0}@media (max-width:768px){.tab-trigger-enhanced[data-v-59a9bdb1]{flex:0 0 auto}}@media (max-width:480px){.main-notifications-sm[data-v-59a9bdb1]{right:12px;width:calc(100vw - 24px)!important}.notification-header[data-v-59a9bdb1]{padding:16px 20px}.mark-as-read[data-v-59a9bdb1]{font-size:.8rem;padding:6px 12px}.main-notifications.container[data-v-59a9bdb1]{padding-left:.7rem;padding-right:.7rem}}