.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin:24px 0}.pagination--compact{margin:0;gap:4px}.pagination-btn{font-family:var(--font-heading);font-size:.85rem;font-weight:600;min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;background:#ffffff0a;border:1px solid var(--color-border-solid);border-radius:6px;color:var(--color-text-dim);cursor:pointer;text-decoration:none}.pagination-btn:hover:not(:disabled):not(.pagination-btn--active){background:rgba(var(--color-primary-rgb),.08);border-color:rgba(var(--color-primary-rgb),.2);color:var(--color-primary);text-decoration:none;transition:background .2s,border-color .2s,color .2s}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn--active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:var(--color-primary);color:var(--color-text-inverse);cursor:default}.pagination--compact .pagination-btn{min-width:28px;height:28px;font-size:.78rem;padding:0 6px}.pagination-ellipsis{color:var(--color-text-muted);font-size:.85rem;padding:0 4px}.pagination-ellipsis--clickable{cursor:pointer;transition:color .2s}.pagination-ellipsis--clickable:hover{color:var(--color-primary)}.pagination-input{width:52px;height:36px;text-align:center;font-family:var(--font-heading);font-size:.85rem;font-weight:600;background:var(--color-surface);border:1px solid var(--color-primary);border-radius:6px;color:var(--color-text);outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15);appearance:textfield}.pagination-input::-webkit-outer-spin-button,.pagination-input::-webkit-inner-spin-button{appearance:none;margin:0}