.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-d88e792f]{background-color:transparent;border-radius:0;box-shadow:none;height:600px;margin:10px auto;overflow:hidden;padding-bottom:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-notifications[data-v-d88e792f]:hover{box-shadow:none}.main-notifications[data-v-d88e792f],.main-notifications-sm[data-v-d88e792f]{display:flex;flex-direction:column}.main-notifications-sm[data-v-d88e792f]{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-d88e792f{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.main-notifications-sm[data-v-d88e792f]:hover{box-shadow:none;transform:none}.container[data-v-d88e792f]{padding:0}.notification-header[data-v-d88e792f]{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-d88e792f]{align-items:center;display:flex;gap:12px}.header-icon-wrapper[data-v-d88e792f]{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-d88e792f]:hover{box-shadow:0 6px 16px var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-4);transform:scale(1.05)}.header-icon[data-v-d88e792f]{color:#fff;height:20px;width:20px}.header-text[data-v-d88e792f]{display:flex;flex-direction:column}.notification-main-title[data-v-d88e792f]{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-d88e792f]{align-items:center;animation:badge-bounce-d88e792f .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-d88e792f{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.mark-as-read[data-v-d88e792f]{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-d88e792f],.mark-as-read[data-v-d88e792f]:hover:not(.disabled){background:linear-gradient(135deg,var(--PRIMARY-COLOR) 0,var(--PRIMARY-COLOR-SHADE-6) 100%);color:#fff}.mark-as-read[data-v-d88e792f]:hover:not(.disabled){box-shadow:0 4px 12px var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-3);transform:translateY(-1px)}.mark-as-read.disabled[data-v-d88e792f]{background:var(--SECONDARY-BG-COLOR-SHADE-1);color:var(--PRIMARY-TEXT-COLOR-SHADE-6);cursor:not-allowed;opacity:.5}.notification-tabs-wrapper[data-v-d88e792f]{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:30px;width:100%}.tablist[data-v-d88e792f]{background-color:var(--SECONDARY-BG-COLOR);border:var(--BORDER-1-SHADE-1);border-bottom:var(--BORDER-1-SHADE-1);border-radius:0;border-top:var(--BORDER-1-SHADE-1);color:var(--PRIMARY-TEXT-COLOR-SHADE-6)!important;margin:0;overflow:hidden;padding:4px}.tab-trigger-enhanced[data-v-d88e792f]{align-items:center;display:flex;font-weight:600;gap:10px;justify-content:center;min-height:44px;overflow:hidden;padding:8px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab-trigger-enhanced[data-v-d88e792f]:hover:not([data-state=active]){background:var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-1);color:var(--PRIMARY-COLOR)}.tab-trigger-enhanced[data-state=active][data-v-d88e792f]{background:linear-gradient(135deg,var(--PRIMARY-COLOR) 0,var(--PRIMARY-COLOR-SHADE-6) 100%);box-shadow:0 2px 8px var(--PRIMARY-COLOR-TRANSPARENT-OPACITY-3);color:#fff}.tab-icon[data-v-d88e792f]{flex-shrink:0;height:16px;margin-right:2px;width:16px}.tab-label[data-v-d88e792f]{flex-shrink:0;font-weight:600}.notification-badge-tab[data-v-d88e792f]{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;margin-left:4px;min-width:22px;padding:3px 8px;white-space:nowrap}.tab-trigger-enhanced[data-state=active] .notification-badge-tab[data-v-d88e792f]{background:hsla(0,0%,100%,.35);box-shadow:0 2px 4px rgba(0,0,0,.25)}.tab-trigger-enhanced:not([data-state=active]) .notification-badge-tab[data-v-d88e792f]{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-d88e792f]{height:calc(100% - 110px);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-d88e792f]::-webkit-scrollbar{width:6px}.notification-tab-content[data-v-d88e792f]::-webkit-scrollbar-track{background:transparent}.notification-tab-content[data-v-d88e792f]::-webkit-scrollbar-thumb{background:var(--PRIMARY-TEXT-COLOR-SHADE-5);border-radius:3px}.notification-tab-content[data-v-d88e792f]::-webkit-scrollbar-thumb:hover{background:var(--PRIMARY-TEXT-COLOR-SHADE-6)}.notifications[data-v-d88e792f]{padding:8px 0 20px}.notification-link[data-v-d88e792f]{color:inherit;display:block;text-decoration:none}.notification-link[data-v-d88e792f]:hover{color:inherit}.notification-item-enhanced[data-v-d88e792f]{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-item-enhanced[data-v-d88e792f]: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-d88e792f]:hover{box-shadow:inset 4px 0 0 var(--PRIMARY-COLOR)}.notification-item-enhanced[data-v-d88e792f]:hover:before{width:4px}.load-more-sentinel[data-v-d88e792f]{height:1px;min-height:1px;pointer-events:none;visibility:hidden;width:100%}.loading-more[data-v-d88e792f]{align-items:center;color:var(--PRIMARY-TEXT-COLOR-SHADE-6);display:flex;font-size:.8rem;gap:8px;justify-content:center;padding:12px 16px}.loading-more-text[data-v-d88e792f]{flex-shrink:0}.my-spinner--sm[data-v-d88e792f]{border-width:2px;height:20px;width:20px}.notification-list-enter-active[data-v-d88e792f]{transition:all .3s ease}.notification-list-leave-active[data-v-d88e792f]{transition:all .25s ease}.notification-list-enter-from[data-v-d88e792f]{opacity:0;transform:translateX(-20px)}.notification-list-leave-to[data-v-d88e792f]{opacity:0;transform:translateX(20px)}.notification-list-move[data-v-d88e792f]{transition:transform .3s ease}.empty-state-enhanced[data-v-d88e792f]{flex-direction:column;gap:12px;padding:60px 20px}.empty-icon-wrapper[data-v-d88e792f],.empty-state-enhanced[data-v-d88e792f]{align-items:center;display:flex;justify-content:center}.empty-icon-wrapper[data-v-d88e792f]{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-d88e792f]{box-shadow:var(--ELEVATION-2);transform:scale(1.05)}.empty-icon[data-v-d88e792f]{color:var(--PRIMARY-TEXT-COLOR-SHADE-5);height:40px;width:40px}.empty-title[data-v-d88e792f]{color:var(--PRIMARY-TEXT-COLOR);font-size:1.1rem;font-weight:600}.empty-subtitle[data-v-d88e792f]{color:var(--PRIMARY-TEXT-COLOR-SHADE-6);font-size:.9rem}.loading-state-enhanced[data-v-d88e792f]{flex-direction:column;gap:20px;min-height:300px;padding:80px 20px}.loading-state-enhanced[data-v-d88e792f],.spinner-wrapper[data-v-d88e792f]{align-items:center;display:flex;justify-content:center}.spinner-wrapper[data-v-d88e792f]{height:56px;position:relative;width:56px}.spinner-wrapper[data-v-d88e792f]:before{animation:spin-d88e792f 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-d88e792f]{animation:spin-d88e792f .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-d88e792f{to{transform:rotate(1turn)}}.loading-text[data-v-d88e792f]{animation:pulse-text-d88e792f 2s ease-in-out infinite;color:var(--PRIMARY-TEXT-COLOR-SHADE-6);font-size:.95rem;font-weight:600;letter-spacing:.5px}@keyframes pulse-text-d88e792f{0%,to{opacity:.6}50%{opacity:1}}.error-state-enhanced[data-v-d88e792f]{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.error-icon[data-v-d88e792f]{color:var(--PRIMARY-RED-COLOR);height:48px;width:48px}.error-text[data-v-d88e792f]{color:var(--PRIMARY-TEXT-COLOR-SHADE-6);font-size:.95rem;text-align:center}.retry-button[data-v-d88e792f]{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-d88e792f]:hover{background:var(--PRIMARY-COLOR-SHADE-6);transform:translateY(-1px)}.fade-enter-active[data-v-d88e792f],.fade-leave-active[data-v-d88e792f]{transition:opacity .2s ease}.fade-enter-from[data-v-d88e792f],.fade-leave-to[data-v-d88e792f]{opacity:0}@media (max-width:480px){.main-notifications-sm[data-v-d88e792f]{right:20px;width:calc(100vw - 40px)!important}.notification-header[data-v-d88e792f]{padding:16px 20px}.mark-as-read[data-v-d88e792f]{font-size:.8rem;padding:6px 12px}}