.page-nav-container[data-v-c49896c2]{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);position:relative}.pagination-bar[data-v-c49896c2]{display:flex;align-items:center;justify-content:space-between;gap:15px}.nav-btn[data-v-c49896c2]{padding:8px 16px;border:1px solid var(--border-color);border-radius:4px;background:var(--card-bg);color:var(--text-color);cursor:pointer;transition:all .2s ease;font-size:14px}.nav-btn[data-v-c49896c2]:hover:not(:disabled){background:var(--hover-bg);border-color:var(--button-bg);transform:translateY(-2px)}.nav-btn[data-v-c49896c2]:disabled{opacity:.5;cursor:not-allowed}.prev-btn[data-v-c49896c2],.next-btn[data-v-c49896c2]{min-width:100px}.page-buttons[data-v-c49896c2]{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.page-btn[data-v-c49896c2]{padding:8px 14px;border:1px solid var(--border-color);border-radius:4px;background:var(--card-bg);color:var(--text-color);cursor:pointer;transition:all .2s ease;font-size:14px;min-width:80px}.page-btn[data-v-c49896c2]:hover{background:var(--hover-bg);border-color:var(--button-bg);transform:translateY(-2px)}.page-btn.active[data-v-c49896c2]{background:var(--button-bg);color:var(--button-text);border-color:var(--button-bg)}.right-section[data-v-c49896c2]{display:flex;align-items:center;gap:10px}.dropdown-wrapper[data-v-c49896c2]{position:relative}.category-btn[data-v-c49896c2]{display:flex;align-items:center;gap:6px}.dropdown-arrow[data-v-c49896c2]{font-size:10px;transition:transform .2s ease}.showCategoryDropdown .dropdown-arrow[data-v-c49896c2]{transform:rotate(180deg)}.dropdown-card[data-v-c49896c2]{position:absolute;bottom:calc(100% + 8px);right:0;min-width:220px;max-height:400px;overflow-y:auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 -4px 20px #00000026;z-index:1000;animation:slideUp-c49896c2 .2s ease}@keyframes slideUp-c49896c2{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header[data-v-c49896c2]{padding:12px 16px;border-bottom:1px solid var(--border-color);font-weight:700;color:var(--text-color);font-size:14px;background:var(--card-bg-secondary)}.dropdown-list[data-v-c49896c2]{display:flex;flex-direction:column}.dropdown-item[data-v-c49896c2]{padding:12px 16px;border:none;background:none;color:var(--text-color);cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease;font-size:14px;text-align:left}.dropdown-item[data-v-c49896c2]:hover{background:var(--hover-bg)}.dropdown-item.active[data-v-c49896c2]{background:#4ec9b01a;border-left:3px solid var(--button-bg)}.item-number[data-v-c49896c2]{color:var(--text-secondary);min-width:24px}.item-name[data-v-c49896c2]{flex:1;font-weight:500}.current-badge[data-v-c49896c2]{padding:2px 8px;background:var(--button-bg);color:var(--button-text);border-radius:4px;font-size:12px}.page-info[data-v-c49896c2]{text-align:center;color:var(--text-secondary);font-size:14px}.current-category[data-v-c49896c2]{color:var(--text-color)}@media(max-width:768px){.page-nav-container[data-v-c49896c2]{padding:12px}.pagination-bar[data-v-c49896c2]{flex-direction:column;gap:12px}.right-section[data-v-c49896c2]{width:100%;justify-content:space-between}.prev-btn[data-v-c49896c2],.next-btn[data-v-c49896c2]{min-width:80px;padding:6px 12px;font-size:13px}.page-btn[data-v-c49896c2]{padding:6px 10px;font-size:13px;min-width:auto}.nav-btn[data-v-c49896c2]{padding:6px 12px;font-size:13px}}