.notifications-page[data-v-0fc1fba4]{background-color:var(--bg-color);margin:auto;max-width:600px;min-height:100vh;padding-bottom:80px;padding-top:30px}.page-header[data-v-0fc1fba4]{background-color:var(--cell-background);border-bottom:1px solid var(--border-color)}.header-content[data-v-0fc1fba4]{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:0 16px}.page-title[data-v-0fc1fba4]{color:var(--text-color);font-size:20px;font-weight:600;margin:0}.header-actions[data-v-0fc1fba4]{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.unread-count-badge[data-v-0fc1fba4]{border-radius:12px;font-size:12px;font-weight:600;line-height:1;min-width:24px;padding:4px 8px;text-align:center}.mark-all-read-btn[data-v-0fc1fba4],.unread-count-badge[data-v-0fc1fba4]{background:var(--theme-color);color:#fff}.mark-all-read-btn[data-v-0fc1fba4]{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.mark-all-read-btn[data-v-0fc1fba4]:hover:not(:disabled){background:rgba(var(--theme-color-rgb),.8)}.mark-all-read-btn[data-v-0fc1fba4]:disabled{cursor:not-allowed;opacity:.6}.notification-filters[data-v-0fc1fba4]{background-color:var(--cell-background);border-bottom:1px solid var(--border-color);padding:0}.filter-tabs[data-v-0fc1fba4]{display:flex;gap:8px;overflow-x:auto;padding:0 16px;scrollbar-width:none;-ms-overflow-style:none}.filter-tabs[data-v-0fc1fba4]::-webkit-scrollbar{display:none}.filter-tab[data-v-0fc1fba4]{align-items:center;background:none;border:none;color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:12px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.filter-tab[data-v-0fc1fba4]:hover{background:rgba(var(--theme-color-rgb),.05)}.filter-tab.active[data-v-0fc1fba4],.filter-tab[data-v-0fc1fba4]:hover{color:var(--theme-color)}.filter-tab.active[data-v-0fc1fba4]:after{background:var(--filter-color,var(--theme-color));bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.notifications-container[data-v-0fc1fba4]{padding:12px}.empty-state[data-v-0fc1fba4],.loading-state[data-v-0fc1fba4]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state p[data-v-0fc1fba4],.loading-state p[data-v-0fc1fba4]{color:var(--text-color-secondary);font-size:14px;margin:16px 0 0}.empty-state h3[data-v-0fc1fba4]{color:var(--text-color);font-size:18px;font-weight:600;margin:16px 0 8px}.notifications-list[data-v-0fc1fba4]{background-color:var(--cell-background);border-radius:8px;overflow:hidden}.notification-item-wrapper[data-v-0fc1fba4]:not(:last-child){border-bottom:1px solid var(--border-color)}.load-more-container[data-v-0fc1fba4]{border-top:1px solid var(--border-color);padding:16px;text-align:center}.load-more-btn[data-v-0fc1fba4]{align-items:center;background-color:var(--cell-background);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease;width:100%}.load-more-btn[data-v-0fc1fba4]:hover:not(:disabled){background-color:var(--hover-color);border-color:var(--theme-color);color:var(--theme-color)}.load-more-btn[data-v-0fc1fba4]:disabled{cursor:not-allowed;opacity:.6}.animate-spin[data-v-0fc1fba4]{animation:spin-0fc1fba4 1s linear infinite}@keyframes spin-0fc1fba4{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:768px){.header-content[data-v-0fc1fba4]{align-items:flex-start;flex-direction:column}.header-actions[data-v-0fc1fba4]{justify-content:flex-end;width:100%}.notifications-container[data-v-0fc1fba4]{padding:12px}}