.pagination{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:3rem}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;padding:0 .7rem;font-size:.875rem;font-weight:600;letter-spacing:-.01em;line-height:1;text-align:center;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;user-select:none;color:var(--color-foreground);background:var(--color-card);border:1px solid var(--color-border);backdrop-filter:blur(8px) saturate(1.05);transition:all .22s ease,color .18s ease}.page-btn:hover{transform:translateY(-2px);color:var(--color-primary);border-color:color-mix(in oklch,var(--color-primary) 60%,var(--color-border));background:color-mix(in oklch,var(--color-card) 92%,var(--color-primary) 8%);box-shadow:0 5px 14px #00000012}.page-btn.active{color:var(--color-primary-foreground);background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 3px 10px color-mix(in oklch,var(--color-primary) 35%,transparent)}.page-btn.disabled,.page-btn:disabled{opacity:.38;pointer-events:none;transform:none;box-shadow:none;color:var(--color-muted-foreground);border-color:var(--color-muted)}.page-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:640px){.pagination{gap:.45rem}.page-btn{min-width:2.1rem;height:2.1rem;font-size:.8125rem;padding:0 .55rem}}.dark .page-btn{backdrop-filter:blur(10px) saturate(.98);background:color-mix(in oklch,var(--color-card) 96%,white 4%)}.dark .page-btn:hover{box-shadow:0 5px 14px #0003}@supports not (backdrop-filter: blur(1px)){.page-btn{background:var(--color-card);backdrop-filter:none}.dark .page-btn{background:color-mix(in srgb,var(--color-card) 92%,#ffffff 8%)}.page-btn.active{background:var(--color-primary);color:var(--color-primary-foreground)}}