.pagination-controls{display:flex;align-items:center;justify-content:center;gap:6px;margin:36px 0 0;padding:0;list-style:none}.pagination-controls .page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--muted);font:inherit;font-size:13px;font-weight:700;line-height:1;transition:border-color var(--snap),background-color var(--snap),color var(--snap),transform var(--snap)}.pagination-controls .page-btn:not(:disabled):hover,.pagination-controls .page-btn:not(:disabled):focus-visible{border-color:var(--ink);background:var(--ink);color:var(--surface)}.pagination-controls .page-btn:not(:disabled):active{transform:translateY(1px)}.pagination-controls .page-btn.active{border-color:var(--accent);background:var(--accent);color:var(--surface);cursor:default}.pagination-controls .page-btn:disabled,.pagination-controls .page-btn.disabled{border-color:#e9eef2;background:#f5f7f8;color:#a8b2bb;cursor:not-allowed}.pagination-controls .prev-group-btn,.pagination-controls .next-group-btn{min-width:64px}@media(max-width:480px){.pagination-controls{gap:4px;margin-top:28px}.pagination-controls .page-btn{min-width:34px;height:34px;padding:0 8px;font-size:12px}.pagination-controls .prev-group-btn,.pagination-controls .next-group-btn{min-width:52px}}