diff --git a/client/package-lock.json b/client/package-lock.json
index 2a8484e1..377aed0b 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -17,6 +17,7 @@
 				"@types/react-dom": "^19.1.6",
 				"cra-template": "1.2.0",
 				"html5-qrcode": "^2.3.8",
+				"jspdf": "^3.0.3",
 				"jwt-decode": "^4.0.0",
 				"mui": "^0.0.1",
 				"qrcode.react": "^4.2.0",
@@ -95,7 +96,6 @@
 			"integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@ampproject/remapping": "^2.2.0",
 				"@babel/code-frame": "^7.27.1",
@@ -372,7 +372,6 @@
 			"resolved": "https://registry.npmjs.org/@casl/ability/-/ability-6.7.3.tgz",
 			"integrity": "sha512-A4L28Ko+phJAsTDhRjzCOZWECQWN2jzZnJPnROWWHjJpyMq1h7h9ZqjwS2WbIUa3Z474X1ZPSgW0f1PboZGC0A==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@ucast/mongo2js": "^1.3.0"
 			},
@@ -488,7 +487,6 @@
 			"resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz",
 			"integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@babel/runtime": "^7.18.3",
 				"@emotion/babel-plugin": "^11.13.5",
@@ -532,7 +530,6 @@
 			"resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.14.1.tgz",
 			"integrity": "sha512-qEEJt42DuToa3gurlH4Qqc1kVpNq8wO8cJtDzU46TjlzWjDlsVyevtYCRijVq3SrHsROS+gVQ8Fnea108GnKzw==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@babel/runtime": "^7.18.3",
 				"@emotion/babel-plugin": "^11.13.5",
@@ -1416,7 +1413,6 @@
 			"resolved": "https://registry.npmjs.org/@mui/material/-/material-7.3.4.tgz",
 			"integrity": "sha512-gEQL9pbJZZHT7lYJBKQCS723v1MGys2IFc94COXbUIyCTWa+qC77a7hUax4Yjd5ggEm35dk4AyYABpKKWC4MLw==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@babel/runtime": "^7.28.4",
 				"@mui/core-downloads-tracker": "^7.3.4",
@@ -2088,6 +2084,12 @@
 				"undici-types": "~7.8.0"
 			}
 		},
+		"node_modules/@types/pako": {
+			"version": "2.0.4",
+			"resolved": "https://registry.npmjs.org/@types/pako/-/pako-2.0.4.tgz",
+			"integrity": "sha512-VWDCbrLeVXJM9fihYodcLiIv0ku+AlOa/TQ1SvYOaBuyrSKgEcro95LJyIsJ4vSo6BXIxOKxiJAat04CmST9Fw==",
+			"license": "MIT"
+		},
 		"node_modules/@types/parse-json": {
 			"version": "4.0.2",
 			"resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
@@ -2100,12 +2102,18 @@
 			"integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
 			"license": "MIT"
 		},
+		"node_modules/@types/raf": {
+			"version": "3.4.3",
+			"resolved": "https://registry.npmjs.org/@types/raf/-/raf-3.4.3.tgz",
+			"integrity": "sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==",
+			"license": "MIT",
+			"optional": true
+		},
 		"node_modules/@types/react": {
 			"version": "19.1.8",
 			"resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.8.tgz",
 			"integrity": "sha512-AwAfQ2Wa5bCx9WP8nZL2uMZWod7J7/JSplxbTmBQ5ms6QpqNYm672H0Vu9ZVKVngQ+ii4R/byguVEUZQyeg44g==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"csstype": "^3.0.2"
 			}
@@ -2134,6 +2142,13 @@
 			"integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==",
 			"license": "MIT"
 		},
+		"node_modules/@types/trusted-types": {
+			"version": "2.0.7",
+			"resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+			"integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+			"license": "MIT",
+			"optional": true
+		},
 		"node_modules/@types/yargs": {
 			"version": "17.0.33",
 			"resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.33.tgz",
@@ -2195,7 +2210,6 @@
 			"integrity": "sha512-TGf22kon8KW+DeKaUmOibKWktRY8b2NSAZNdtWh798COm1NWx8+xJ6iFBtk3IvLdv6+LGLJLRlyhrhEDZWargQ==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@typescript-eslint/scope-manager": "8.45.0",
 				"@typescript-eslint/types": "8.45.0",
@@ -2752,7 +2766,6 @@
 			"integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"bin": {
 				"acorn": "bin/acorn"
 			},
@@ -3028,6 +3041,16 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/base64-arraybuffer": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
+			"integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==",
+			"license": "MIT",
+			"optional": true,
+			"engines": {
+				"node": ">= 0.6.0"
+			}
+		},
 		"node_modules/brace-expansion": {
 			"version": "1.1.12",
 			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
@@ -3071,7 +3094,6 @@
 				}
 			],
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"caniuse-lite": "^1.0.30001726",
 				"electron-to-chromium": "^1.5.173",
@@ -3165,6 +3187,26 @@
 			],
 			"license": "CC-BY-4.0"
 		},
+		"node_modules/canvg": {
+			"version": "3.0.11",
+			"resolved": "https://registry.npmjs.org/canvg/-/canvg-3.0.11.tgz",
+			"integrity": "sha512-5ON+q7jCTgMp9cjpu4Jo6XbvfYwSB2Ow3kzHKfIyJfaCAOHLbdKPQqGKgfED/R5B+3TFFfe8pegYA+b423SRyA==",
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"@babel/runtime": "^7.12.5",
+				"@types/raf": "^3.4.0",
+				"core-js": "^3.8.3",
+				"raf": "^3.4.1",
+				"regenerator-runtime": "^0.13.7",
+				"rgbcolor": "^1.0.1",
+				"stackblur-canvas": "^2.0.0",
+				"svg-pathdata": "^6.0.3"
+			},
+			"engines": {
+				"node": ">=10.0.0"
+			}
+		},
 		"node_modules/chalk": {
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -3262,6 +3304,18 @@
 				"node": ">=18"
 			}
 		},
+		"node_modules/core-js": {
+			"version": "3.46.0",
+			"resolved": "https://registry.npmjs.org/core-js/-/core-js-3.46.0.tgz",
+			"integrity": "sha512-vDMm9B0xnqqZ8uSBpZ8sNtRtOdmfShrvT6h2TuQGLs0Is+cR0DYbj/KWP6ALVNbWPpqA/qPLoOuppJN07humpA==",
+			"hasInstallScript": true,
+			"license": "MIT",
+			"optional": true,
+			"funding": {
+				"type": "opencollective",
+				"url": "https://opencollective.com/core-js"
+			}
+		},
 		"node_modules/cosmiconfig": {
 			"version": "7.1.0",
 			"resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
@@ -3311,6 +3365,16 @@
 				"node": ">= 8"
 			}
 		},
+		"node_modules/css-line-break": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz",
+			"integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"utrie": "^1.0.2"
+			}
+		},
 		"node_modules/csstype": {
 			"version": "3.1.3",
 			"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@@ -3463,6 +3527,16 @@
 				"csstype": "^3.0.2"
 			}
 		},
+		"node_modules/dompurify": {
+			"version": "3.3.0",
+			"resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.3.0.tgz",
+			"integrity": "sha512-r+f6MYR1gGN1eJv0TVQbhA7if/U7P87cdPl3HN5rikqaBSBxLiCb/b9O+2eG0cxz0ghyU+mU1QkbsOwERMYlWQ==",
+			"license": "(MPL-2.0 OR Apache-2.0)",
+			"optional": true,
+			"optionalDependencies": {
+				"@types/trusted-types": "^2.0.7"
+			}
+		},
 		"node_modules/dunder-proto": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -3741,7 +3815,6 @@
 			"integrity": "sha512-hB4FIzXovouYzwzECDcUkJ4OcfOEkXTv2zRY6B9bkwjx/cprAq0uvm1nl7zvQ0/TsUk0zQiN4uPfJpB9m+rPMQ==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@eslint-community/eslint-utils": "^4.8.0",
 				"@eslint-community/regexpp": "^4.12.1",
@@ -4098,6 +4171,17 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/fast-png": {
+			"version": "6.4.0",
+			"resolved": "https://registry.npmjs.org/fast-png/-/fast-png-6.4.0.tgz",
+			"integrity": "sha512-kAqZq1TlgBjZcLr5mcN6NP5Rv4V2f22z00c3g8vRrwkcqjerx7BEhPbOnWCPqaHUl2XWQBJQvOT/FQhdMT7X/Q==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/pako": "^2.0.3",
+				"iobuffer": "^5.3.2",
+				"pako": "^2.1.0"
+			}
+		},
 		"node_modules/fastq": {
 			"version": "1.19.1",
 			"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
@@ -4123,6 +4207,12 @@
 				}
 			}
 		},
+		"node_modules/fflate": {
+			"version": "0.8.2",
+			"resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz",
+			"integrity": "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==",
+			"license": "MIT"
+		},
 		"node_modules/file-entry-cache": {
 			"version": "8.0.0",
 			"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
@@ -4529,6 +4619,20 @@
 			"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
 			"license": "MIT"
 		},
+		"node_modules/html2canvas": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz",
+			"integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"css-line-break": "^2.1.0",
+				"text-segmentation": "^1.0.3"
+			},
+			"engines": {
+				"node": ">=8.0.0"
+			}
+		},
 		"node_modules/html5-qrcode": {
 			"version": "2.3.8",
 			"resolved": "https://registry.npmjs.org/html5-qrcode/-/html5-qrcode-2.3.8.tgz",
@@ -4586,6 +4690,12 @@
 				"node": ">= 0.4"
 			}
 		},
+		"node_modules/iobuffer": {
+			"version": "5.4.0",
+			"resolved": "https://registry.npmjs.org/iobuffer/-/iobuffer-5.4.0.tgz",
+			"integrity": "sha512-DRebOWuqDvxunfkNJAlc3IzWIPD5xVxwUNbHr7xKB8E6aLJxIPfNX3CoMJghcFjpv6RWQsrcJbghtEwSPoJqMA==",
+			"license": "MIT"
+		},
 		"node_modules/is-array-buffer": {
 			"version": "3.0.5",
 			"resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
@@ -5185,6 +5295,23 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/jspdf": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/jspdf/-/jspdf-3.0.3.tgz",
+			"integrity": "sha512-eURjAyz5iX1H8BOYAfzvdPfIKK53V7mCpBTe7Kb16PaM8JSXEcUQNBQaiWMI8wY5RvNOPj4GccMjTlfwRBd+oQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@babel/runtime": "^7.26.9",
+				"fast-png": "^6.2.0",
+				"fflate": "^0.8.1"
+			},
+			"optionalDependencies": {
+				"canvg": "^3.0.11",
+				"core-js": "^3.6.0",
+				"dompurify": "^3.2.4",
+				"html2canvas": "^1.0.0-rc.5"
+			}
+		},
 		"node_modules/jsx-ast-utils": {
 			"version": "3.3.5",
 			"resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
@@ -5609,6 +5736,12 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/pako": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz",
+			"integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==",
+			"license": "(MIT AND Zlib)"
+		},
 		"node_modules/parent-module": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -5674,6 +5807,13 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/performance-now": {
+			"version": "2.1.0",
+			"resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+			"integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
+			"license": "MIT",
+			"optional": true
+		},
 		"node_modules/picocolors": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -5747,7 +5887,6 @@
 			"integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"bin": {
 				"prettier": "bin/prettier.cjs"
 			},
@@ -5841,12 +5980,21 @@
 			],
 			"license": "MIT"
 		},
+		"node_modules/raf": {
+			"version": "3.4.1",
+			"resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
+			"integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"performance-now": "^2.1.0"
+			}
+		},
 		"node_modules/react": {
 			"version": "18.3.1",
 			"resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
 			"integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"loose-envify": "^1.1.0"
 			},
@@ -5859,7 +6007,6 @@
 			"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
 			"integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"loose-envify": "^1.1.0",
 				"scheduler": "^0.23.2"
@@ -5993,6 +6140,13 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/regenerator-runtime": {
+			"version": "0.13.11",
+			"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+			"integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
+			"license": "MIT",
+			"optional": true
+		},
 		"node_modules/regexp.prototype.flags": {
 			"version": "1.5.4",
 			"resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
@@ -6062,6 +6216,16 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/rgbcolor": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/rgbcolor/-/rgbcolor-1.0.1.tgz",
+			"integrity": "sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==",
+			"license": "MIT OR SEE LICENSE IN FEEL-FREE.md",
+			"optional": true,
+			"engines": {
+				"node": ">= 0.8.15"
+			}
+		},
 		"node_modules/rollup": {
 			"version": "4.45.1",
 			"resolved": "https://registry.npmjs.org/rollup/-/rollup-4.45.1.tgz",
@@ -6416,6 +6580,16 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/stackblur-canvas": {
+			"version": "2.7.0",
+			"resolved": "https://registry.npmjs.org/stackblur-canvas/-/stackblur-canvas-2.7.0.tgz",
+			"integrity": "sha512-yf7OENo23AGJhBriGx0QivY5JP6Y1HbrrDI6WLt6C5auYZXlQrheoY8hD4ibekFKz1HOfE48Ww8kMWMnJD/zcQ==",
+			"license": "MIT",
+			"optional": true,
+			"engines": {
+				"node": ">=0.1.14"
+			}
+		},
 		"node_modules/stop-iteration-iterator": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
@@ -6591,8 +6765,7 @@
 			"version": "1.12.45",
 			"resolved": "https://registry.npmjs.org/survey-core/-/survey-core-1.12.45.tgz",
 			"integrity": "sha512-F/DxgDKh4YNJUO/CEtOkU8s/yQgqFHbjfBkLTYDrV6slT7Qi91IAnq110zhgJxymMQN9YVClr/nkaXSzZlIeBw==",
-			"license": "MIT",
-			"peer": true
+			"license": "MIT"
 		},
 		"node_modules/survey-react-ui": {
 			"version": "1.12.45",
@@ -6605,6 +6778,16 @@
 				"survey-core": "1.12.45"
 			}
 		},
+		"node_modules/svg-pathdata": {
+			"version": "6.0.3",
+			"resolved": "https://registry.npmjs.org/svg-pathdata/-/svg-pathdata-6.0.3.tgz",
+			"integrity": "sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==",
+			"license": "MIT",
+			"optional": true,
+			"engines": {
+				"node": ">=12.0.0"
+			}
+		},
 		"node_modules/swr": {
 			"version": "2.3.6",
 			"resolved": "https://registry.npmjs.org/swr/-/swr-2.3.6.tgz",
@@ -6618,6 +6801,16 @@
 				"react": "^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
 			}
 		},
+		"node_modules/text-segmentation": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/text-segmentation/-/text-segmentation-1.0.3.tgz",
+			"integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"utrie": "^1.0.2"
+			}
+		},
 		"node_modules/tiny-invariant": {
 			"version": "1.3.3",
 			"resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
@@ -6771,7 +6964,6 @@
 			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
 			"integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
 			"license": "Apache-2.0",
-			"peer": true,
 			"bin": {
 				"tsc": "bin/tsc",
 				"tsserver": "bin/tsserver"
@@ -6825,7 +7017,6 @@
 			"dev": true,
 			"hasInstallScript": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"napi-postinstall": "^0.3.0"
 			},
@@ -6904,13 +7095,22 @@
 				"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
 			}
 		},
+		"node_modules/utrie": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz",
+			"integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"base64-arraybuffer": "^1.0.2"
+			}
+		},
 		"node_modules/vite": {
 			"version": "7.0.5",
 			"resolved": "https://registry.npmjs.org/vite/-/vite-7.0.5.tgz",
 			"integrity": "sha512-1mncVwJxy2C9ThLwz0+2GKZyEXuC3MyWtAAlNftlZZXZDP3AJt5FmwcMit/IGGaNZ8ZOB2BNO/HFUB+CpN0NQw==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"esbuild": "^0.25.0",
 				"fdir": "^6.4.6",
diff --git a/client/package.json b/client/package.json
index a01f2064..1b1ef1a1 100644
--- a/client/package.json
+++ b/client/package.json
@@ -14,6 +14,7 @@
 		"@types/react-dom": "^19.1.6",
 		"cra-template": "1.2.0",
 		"html5-qrcode": "^2.3.8",
+		"jspdf": "^3.0.3",
 		"jwt-decode": "^4.0.0",
 		"mui": "^0.0.1",
 		"qrcode.react": "^4.2.0",
diff --git a/client/src/pages/QrPage/QrPage.tsx b/client/src/pages/QrPage/QrPage.tsx
index 3f0862af..17a59aa4 100644
--- a/client/src/pages/QrPage/QrPage.tsx
+++ b/client/src/pages/QrPage/QrPage.tsx
@@ -1,19 +1,24 @@
+import { useRef } from 'react';
+
 import { useSurveyStore } from '@/stores';
 import { QRCodeCanvas } from 'qrcode.react';
 import { useNavigate } from 'react-router-dom';
 
 import '@/styles/complete.css';
 
+import { printQrCodePdf } from '@/utils/qrCodeUtils';
+
 // Description: Displays referral QR codes and allows them to be printing
 
 export default function QrPage() {
 	const navigate = useNavigate();
 	const { surveyData } = useSurveyStore();
 	const childSurveyCodes = surveyData?.childSurveyCodes || [];
+	const qrRefs = useRef<(HTMLDivElement | null)[]>([]);
 
-	// Trigger browser printing
+	// Print PDF with custom paper size (62mm width)
 	const handlePrint = () => {
-		window.print();
+		printQrCodePdf(qrRefs.current, childSurveyCodes);
 	};
 
 	return (
@@ -28,11 +33,17 @@ export default function QrPage() {
 						{childSurveyCodes.length > 0 ? (
 							childSurveyCodes.map(
 								(code: string, index: number) => {
-									const qrUrl = `${window.location.origin}/survey?ref=${code}`;
+									const qrSurveyCode = code;
 									return (
-										<div key={index} className="qr-box">
+										<div
+											key={index}
+											className="qr-box"
+											ref={el => {
+												qrRefs.current[index] = el;
+											}}
+										>
 											<QRCodeCanvas
-												value={qrUrl}
+												value={qrSurveyCode}
 												size={120}
 												level="M"
 											/>
diff --git a/client/src/pages/SurveyDetails/SurveyDetails.tsx b/client/src/pages/SurveyDetails/SurveyDetails.tsx
index dc2cb356..b39a48fd 100644
--- a/client/src/pages/SurveyDetails/SurveyDetails.tsx
+++ b/client/src/pages/SurveyDetails/SurveyDetails.tsx
@@ -1,9 +1,13 @@
+import { useRef } from 'react';
+
 import { QRCodeCanvas } from 'qrcode.react';
 import { useNavigate, useParams } from 'react-router-dom';
 
 import '@/styles/SurveyDetailsCss.css';
 import '@/styles/complete.css';
 
+import { printQrCodePdf } from '@/utils/qrCodeUtils';
+
 import { useApi } from '@/hooks/useApi';
 
 export default function SurveyDetails() {
@@ -12,6 +16,7 @@ export default function SurveyDetails() {
 	const { data: survey, isLoading: loading } =
 		surveyService.useSurveyWithUser(id ?? '') || {};
 	const navigate = useNavigate();
+	const qrRefs = useRef<(HTMLDivElement | null)[]>([]);
 
 	// Renaming the json names
 	// TODO: verify these are the correct names for FA25 survey
@@ -54,9 +59,12 @@ export default function SurveyDetails() {
 	if (loading) return <p>Loading...</p>;
 	if (!survey) return <p>Survey not found.</p>;
 
-	// Trigger browser printing
+	// Generate PDF with custom paper size (62mm width)
 	const handlePrint = () => {
-		window.print();
+		if (!survey?.childSurveyCodes || survey.childSurveyCodes.length === 0) {
+			return;
+		}
+		printQrCodePdf(qrRefs.current, survey.childSurveyCodes);
 	};
 
 	// Function to handle logout
@@ -116,11 +124,17 @@ export default function SurveyDetails() {
 							survey.childSurveyCodes.length > 0 ? (
 								survey.childSurveyCodes.map(
 									(code: string, index: number) => {
-										const qrUrl = `${window.location.origin}/survey?ref=${code}`;
+										const qrSurveyCode = code;
 										return (
-											<div key={index} className="qr-box">
+											<div
+												key={index}
+												className="qr-box"
+												ref={el => {
+													qrRefs.current[index] = el;
+												}}
+											>
 												<QRCodeCanvas
-													value={qrUrl}
+													value={qrSurveyCode}
 													size={120}
 													level="M"
 												/>
diff --git a/client/src/utils/qrCodeUtils.ts b/client/src/utils/qrCodeUtils.ts
new file mode 100644
index 00000000..597bbc58
--- /dev/null
+++ b/client/src/utils/qrCodeUtils.ts
@@ -0,0 +1,153 @@
+import jsPDF from 'jspdf';
+
+// Helper function to create a PDF with QR codes
+const createQrCodePdf = (
+	qrRefs: (HTMLDivElement | null)[],
+	codes: string[]
+): jsPDF => {
+	// Convert mm to points
+	const pageWidthMm = 62;
+	const pageWidthPt = pageWidthMm * 2.83465;
+	const marginMm = 4;
+	const marginPt = marginMm * 2.83465;
+	const contentWidthPt = pageWidthPt - 2 * marginPt;
+
+	// Calculate QR code size to fit within content width
+	const qrSizePt = Math.min(contentWidthPt * 0.9, 300); // Max 300pt or 90% of content width
+	const textHeightPt = 15;
+	const spacingPt = 20;
+
+	// Calculate required page height for each QR code
+	const pageHeightPt =
+		marginPt + spacingPt + qrSizePt + spacingPt + textHeightPt + marginPt;
+
+	// Build all pages in a single PDF
+	const pdf = new jsPDF({
+		orientation: 'portrait',
+		unit: 'pt',
+		format: [pageWidthPt, pageHeightPt]
+	});
+
+	for (let i = 0; i < codes.length; i++) {
+		if (i > 0) {
+			pdf.addPage([pageWidthPt, pageHeightPt]);
+		}
+
+		const qrBox = qrRefs[i];
+		if (!qrBox) continue;
+
+		const canvas = qrBox.querySelector('canvas') as HTMLCanvasElement;
+		if (!canvas) continue;
+
+		// Convert canvas to image
+		const imgData = canvas.toDataURL('image/png');
+
+		// Calculate X position to center QR code
+		const qrX = marginPt + (contentWidthPt - qrSizePt) / 2;
+		const qrY = marginPt + spacingPt;
+
+		// Add QR code image
+		pdf.addImage(imgData, 'PNG', qrX, qrY, qrSizePt, qrSizePt);
+
+		// Add referral code text
+		const code = codes[i];
+		pdf.setFontSize(10);
+		pdf.text(
+			`Referral Code: ${code}`,
+			pageWidthPt / 2,
+			qrY + qrSizePt + spacingPt,
+			{
+				align: 'center'
+			}
+		);
+	}
+
+	return pdf;
+};
+
+export const printQrCodePdf = (
+	qrRefs: (HTMLDivElement | null)[],
+	codes: string[]
+): void => {
+	if (codes.length === 0) {
+		return;
+	}
+
+	const pdf = createQrCodePdf(qrRefs, codes);
+	const pdfBlob = pdf.output('blob');
+	const blobUrl = URL.createObjectURL(pdfBlob);
+
+	// Open PDF in a new window
+	const printWindow = window.open(blobUrl, '_blank');
+
+	if (printWindow) {
+		// Retry framework for slow PDF loads
+		const maxRetries = 5;
+		let retryCount = 0;
+		let printAttempted = false;
+
+		const attemptPrint = () => {
+			// Check if window is still open and accessible
+			if (printWindow.closed) {
+				URL.revokeObjectURL(blobUrl);
+				return;
+			}
+
+			try {
+				// Try to trigger print
+				printWindow.print();
+				printAttempted = true;
+
+				// Clean up blob URL after print dialog is shown
+				setTimeout(() => {
+					URL.revokeObjectURL(blobUrl);
+				}, 1000);
+			} catch (error) {
+				// If print fails, retry if we haven't exceeded max retries
+				retryCount++;
+
+				if (retryCount < maxRetries) {
+					// Exponential backoff
+					const delay = Math.min(500 * retryCount, 4000);
+					setTimeout(attemptPrint, delay);
+				} else {
+					// Max retries exceeded - user can manually print from the opened window
+					console.warn(
+						'Auto-print failed after multiple attempts. User can print manually from the opened window.'
+					);
+					// Clean up blob URL after a delay
+					setTimeout(() => {
+						URL.revokeObjectURL(blobUrl);
+					}, 2000);
+				}
+			}
+		};
+
+		// Initial attempt after a short delay
+		setTimeout(attemptPrint, 500);
+
+		// Also listen for window load event as a backup trigger
+		printWindow.addEventListener(
+			'load',
+			() => {
+				if (!printAttempted) {
+					setTimeout(attemptPrint, 100);
+				}
+			},
+			{ once: true }
+		);
+	} else {
+		// Popup blocked - fallback: create download link
+		const link = document.createElement('a');
+		link.href = blobUrl;
+		link.download = 'referral-qr-codes.pdf';
+		link.style.display = 'none';
+		document.body.appendChild(link);
+		link.click();
+		// Clean up after a short delay
+		setTimeout(() => {
+			document.body.removeChild(link);
+			URL.revokeObjectURL(blobUrl);
+		}, 1000);
+	}
+};
diff --git a/server/src/permissions/abilityBuilder.ts b/server/src/permissions/abilityBuilder.ts
index 6743f7d8..20f39a45 100644
--- a/server/src/permissions/abilityBuilder.ts
+++ b/server/src/permissions/abilityBuilder.ts
@@ -138,9 +138,10 @@ function applyManagerPermissions(
 
 	// Survey actions
 	builder.can(ACTIONS.CASL.CREATE, SUBJECTS.SURVEY);
-	builder.can(ACTIONS.CASL.READ, SUBJECTS.SURVEY);
+	builder.can([ACTIONS.CASL.READ, ACTIONS.CASL.UPDATE], SUBJECTS.SURVEY);
 	builder.can(ACTIONS.CUSTOM.CREATE_WITHOUT_REFERRAL, SUBJECTS.SURVEY);
 	// can only read/update surveys created by themselves at their own location today
+	// TODO: re-enable this once we have custom validation endpoints	
 	// NOTE: disabling because apply-referral page needs to read surveys created by others
 	// builder.can([ACTIONS.CASL.READ, ACTIONS.CASL.UPDATE], SUBJECTS.SURVEY, {
 	// 	...isCreatedBySelf(ctx.userObjectId),
@@ -173,9 +174,10 @@ function applyVolunteerPermissions(
 	// Survey actions
 	builder.can(ACTIONS.CASL.CREATE, SUBJECTS.SURVEY);
 	builder.can(ACTIONS.CUSTOM.CREATE_WITHOUT_REFERRAL, SUBJECTS.SURVEY);
-	builder.can(ACTIONS.CASL.READ, SUBJECTS.SURVEY);
+	builder.can([ACTIONS.CASL.READ, ACTIONS.CASL.UPDATE], SUBJECTS.SURVEY);
 	// can only read & update surveys created by themselves at their own location today
 	// NOTE: disabling because apply-referral page needs to read surveys created by others
+	// TODO: re-enable this once we have custom validation endpoints
 	// builder.can([ACTIONS.CASL.READ, ACTIONS.CASL.UPDATE], SUBJECTS.SURVEY, {
 	// 	...isCreatedBySelf(ctx.userObjectId),
 	// 	...hasSameLocation(ctx.latestLocationObjectId),