Feature: QR-Druck, Monatsprotokoll PDF, Pricing-Sektion

app/package-lock.json

@@ -8,13 +8,15 @@
 			"name": "app",
 			"version": "0.0.1",
 			"dependencies": {
-				"pocketbase": "^0.26.9"
+				"pocketbase": "^0.26.9",
+				"qrcode": "^1.5.4"
 			},
 			"devDependencies": {
 				"@sveltejs/adapter-auto": "^7.0.1",
 				"@sveltejs/adapter-node": "^5.5.4",
 				"@sveltejs/kit": "^2.57.0",
 				"@sveltejs/vite-plugin-svelte": "^7.0.0",
+				"@types/qrcode": "^1.5.6",
 				"svelte": "^5.55.2",
 				"svelte-check": "^4.4.6",
 				"typescript": "^6.0.2",
@@ -2660,6 +2662,26 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/@types/node": {
+			"version": "25.8.0",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-25.8.0.tgz",
+			"integrity": "sha512-TCFSk8IZh+iLX1xtksoBVtdmgL+1IX0fC9BeU4QqFSuNdN/K+HUlhqOzEmSYYpZUVsLYcPqc9KX+60iDuninSQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"undici-types": ">=7.24.0 <7.24.7"
+			}
+		},
+		"node_modules/@types/qrcode": {
+			"version": "1.5.6",
+			"resolved": "https://registry.npmjs.org/@types/qrcode/-/qrcode-1.5.6.tgz",
+			"integrity": "sha512-te7NQcV2BOvdj2b1hCAHzAoMNuj65kNBMz0KBaxM6c3VGBOhU0dURQKOtH8CFNI/dsKkwlv32p26qYQTWoB5bw==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/node": "*"
+			}
+		},
 		"node_modules/@types/resolve": {
 			"version": "1.20.2",
 			"resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
@@ -2704,6 +2726,30 @@
 				"url": "https://github.com/sponsors/epoberezkin"
 			}
 		},
+		"node_modules/ansi-regex": {
+			"version": "5.0.1",
+			"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+			"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/ansi-styles": {
+			"version": "4.3.0",
+			"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+			"license": "MIT",
+			"dependencies": {
+				"color-convert": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
+			}
+		},
 		"node_modules/aria-query": {
 			"version": "5.3.1",
 			"resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.1.tgz",
@@ -2975,6 +3021,15 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/camelcase": {
+			"version": "5.3.1",
+			"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+			"integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/caniuse-lite": {
 			"version": "1.0.30001793",
 			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001793.tgz",
@@ -3012,6 +3067,17 @@
 				"url": "https://paulmillr.com/funding/"
 			}
 		},
+		"node_modules/cliui": {
+			"version": "6.0.0",
+			"resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
+			"integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+			"license": "ISC",
+			"dependencies": {
+				"string-width": "^4.2.0",
+				"strip-ansi": "^6.0.0",
+				"wrap-ansi": "^6.2.0"
+			}
+		},
 		"node_modules/clsx": {
 			"version": "2.1.1",
 			"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
@@ -3022,6 +3088,24 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/color-convert": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+			"license": "MIT",
+			"dependencies": {
+				"color-name": "~1.1.4"
+			},
+			"engines": {
+				"node": ">=7.0.0"
+			}
+		},
+		"node_modules/color-name": {
+			"version": "1.1.4",
+			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+			"license": "MIT"
+		},
 		"node_modules/commander": {
 			"version": "2.20.3",
 			"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
@@ -3174,6 +3258,15 @@
 				}
 			}
 		},
+		"node_modules/decamelize": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+			"integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
 		"node_modules/deepmerge": {
 			"version": "4.3.1",
 			"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
@@ -3237,6 +3330,12 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/dijkstrajs": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
+			"integrity": "sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==",
+			"license": "MIT"
+		},
 		"node_modules/dunder-proto": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -3275,6 +3374,12 @@
 			"dev": true,
 			"license": "ISC"
 		},
+		"node_modules/emoji-regex": {
+			"version": "8.0.0",
+			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+			"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+			"license": "MIT"
+		},
 		"node_modules/es-abstract": {
 			"version": "1.24.2",
 			"resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.2.tgz",
@@ -3565,6 +3670,19 @@
 				"node": ">=10"
 			}
 		},
+		"node_modules/find-up": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+			"integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+			"license": "MIT",
+			"dependencies": {
+				"locate-path": "^5.0.0",
+				"path-exists": "^4.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/for-each": {
 			"version": "0.3.5",
 			"resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
@@ -3690,6 +3808,15 @@
 				"node": ">=6.9.0"
 			}
 		},
+		"node_modules/get-caller-file": {
+			"version": "2.0.5",
+			"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+			"integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+			"license": "ISC",
+			"engines": {
+				"node": "6.* || 8.* || >= 10.*"
+			}
+		},
 		"node_modules/get-intrinsic": {
 			"version": "1.3.0",
 			"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
@@ -4073,6 +4200,15 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/is-fullwidth-code-point": {
+			"version": "3.0.0",
+			"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+			"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/is-generator-function": {
 			"version": "1.1.2",
 			"resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
@@ -4730,6 +4866,18 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/locate-path": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+			"integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+			"license": "MIT",
+			"dependencies": {
+				"p-locate": "^4.1.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/lodash.debounce": {
 			"version": "4.0.8",
 			"resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -4926,6 +5074,42 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/p-limit": {
+			"version": "2.3.0",
+			"resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+			"integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+			"license": "MIT",
+			"dependencies": {
+				"p-try": "^2.0.0"
+			},
+			"engines": {
+				"node": ">=6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/p-locate": {
+			"version": "4.1.0",
+			"resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+			"integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+			"license": "MIT",
+			"dependencies": {
+				"p-limit": "^2.2.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/p-try": {
+			"version": "2.2.0",
+			"resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+			"integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/package-json-from-dist": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
@@ -4933,6 +5117,15 @@
 			"dev": true,
 			"license": "BlueOak-1.0.0"
 		},
+		"node_modules/path-exists": {
+			"version": "4.0.0",
+			"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+			"integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/path-key": {
 			"version": "3.1.1",
 			"resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -4997,6 +5190,15 @@
 				"url": "https://github.com/sponsors/jonschlinkert"
 			}
 		},
+		"node_modules/pngjs": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz",
+			"integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=10.13.0"
+			}
+		},
 		"node_modules/pocketbase": {
 			"version": "0.26.9",
 			"resolved": "https://registry.npmjs.org/pocketbase/-/pocketbase-0.26.9.tgz",
@@ -5065,6 +5267,23 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/qrcode": {
+			"version": "1.5.4",
+			"resolved": "https://registry.npmjs.org/qrcode/-/qrcode-1.5.4.tgz",
+			"integrity": "sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==",
+			"license": "MIT",
+			"dependencies": {
+				"dijkstrajs": "^1.0.1",
+				"pngjs": "^5.0.0",
+				"yargs": "^15.3.1"
+			},
+			"bin": {
+				"qrcode": "bin/qrcode"
+			},
+			"engines": {
+				"node": ">=10.13.0"
+			}
+		},
 		"node_modules/readdirp": {
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
@@ -5181,6 +5400,15 @@
 				"regjsparser": "bin/parser"
 			}
 		},
+		"node_modules/require-directory": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+			"integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
 		"node_modules/require-from-string": {
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
@@ -5191,6 +5419,12 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/require-main-filename": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+			"integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+			"license": "ISC"
+		},
 		"node_modules/resolve": {
 			"version": "1.22.12",
 			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
@@ -5387,6 +5621,12 @@
 				"node": ">=20.0.0"
 			}
 		},
+		"node_modules/set-blocking": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+			"integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+			"license": "ISC"
+		},
 		"node_modules/set-cookie-parser": {
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-3.1.0.tgz",
@@ -5639,6 +5879,20 @@
 				"node": ">= 0.4"
 			}
 		},
+		"node_modules/string-width": {
+			"version": "4.2.3",
+			"resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+			"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+			"license": "MIT",
+			"dependencies": {
+				"emoji-regex": "^8.0.0",
+				"is-fullwidth-code-point": "^3.0.0",
+				"strip-ansi": "^6.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/string.prototype.matchall": {
 			"version": "4.0.12",
 			"resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
@@ -5741,6 +5995,18 @@
 				"node": ">=4"
 			}
 		},
+		"node_modules/strip-ansi": {
+			"version": "6.0.1",
+			"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+			"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+			"license": "MIT",
+			"dependencies": {
+				"ansi-regex": "^5.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/strip-comments": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/strip-comments/-/strip-comments-2.0.1.tgz",
@@ -6033,6 +6299,13 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/undici-types": {
+			"version": "7.24.6",
+			"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.24.6.tgz",
+			"integrity": "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/unicode-canonical-property-names-ecmascript": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz",
@@ -6373,6 +6646,12 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/which-module": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
+			"integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
+			"license": "ISC"
+		},
 		"node_modules/which-typed-array": {
 			"version": "1.1.20",
 			"resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.20.tgz",
@@ -6615,6 +6894,26 @@
 				"workbox-core": "7.4.1"
 			}
 		},
+		"node_modules/wrap-ansi": {
+			"version": "6.2.0",
+			"resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+			"integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^4.0.0",
+				"string-width": "^4.1.0",
+				"strip-ansi": "^6.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/y18n": {
+			"version": "4.0.3",
+			"resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+			"integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+			"license": "ISC"
+		},
 		"node_modules/yallist": {
 			"version": "3.1.1",
 			"resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
@@ -6622,6 +6921,41 @@
 			"dev": true,
 			"license": "ISC"
 		},
+		"node_modules/yargs": {
+			"version": "15.4.1",
+			"resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
+			"integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+			"license": "MIT",
+			"dependencies": {
+				"cliui": "^6.0.0",
+				"decamelize": "^1.2.0",
+				"find-up": "^4.1.0",
+				"get-caller-file": "^2.0.1",
+				"require-directory": "^2.1.1",
+				"require-main-filename": "^2.0.0",
+				"set-blocking": "^2.0.0",
+				"string-width": "^4.2.0",
+				"which-module": "^2.0.0",
+				"y18n": "^4.0.0",
+				"yargs-parser": "^18.1.2"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/yargs-parser": {
+			"version": "18.1.3",
+			"resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+			"integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+			"license": "ISC",
+			"dependencies": {
+				"camelcase": "^5.0.0",
+				"decamelize": "^1.2.0"
+			},
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/zimmerframe": {
 			"version": "1.1.4",
 			"resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.4.tgz",

app/package.json

@@ -16,6 +16,7 @@
 		"@sveltejs/adapter-node": "^5.5.4",
 		"@sveltejs/kit": "^2.57.0",
 		"@sveltejs/vite-plugin-svelte": "^7.0.0",
+		"@types/qrcode": "^1.5.6",
 		"svelte": "^5.55.2",
 		"svelte-check": "^4.4.6",
 		"typescript": "^6.0.2",
@@ -23,6 +24,7 @@
 		"vite-plugin-pwa": "^1.3.0"
 	},
 	"dependencies": {
-		"pocketbase": "^0.26.9"
+		"pocketbase": "^0.26.9",
+		"qrcode": "^1.5.4"
 	}
 }

app/src/routes/+page.svelte

@@ -84,6 +84,53 @@
 	</div>
 </section>
 
+<!-- PRICING -->
+<section class="pricing">
+	<div class="container">
+		<h2>Einfache, transparente Preise</h2>
+		<p class="pricing-sub">Keine Einrichtungsgebühr. Monatlich kündbar.</p>
+		<div class="pricing-grid">
+			<div class="plan">
+				<div class="plan-name">Basic</div>
+				<div class="plan-price">249 €<span>/Monat</span></div>
+				<ul class="plan-features">
+					<li>✓ Bis zu 500 Assets / QR-Tags</li>
+					<li>✓ Eigenes Logo & CI-Farben</li>
+					<li>✓ Standard-Protokoll-Templates</li>
+					<li>✓ PDF-Export</li>
+					<li>✓ Subdomain (firma.checkflo.de)</li>
+				</ul>
+				<a href="mailto:hallo@checkflo.de?subject=Basic-Plan Anfrage" class="btn-plan">Demo anfragen</a>
+			</div>
+			<div class="plan plan-featured">
+				<div class="plan-badge">Beliebt</div>
+				<div class="plan-name">Pro</div>
+				<div class="plan-price">499 €<span>/Monat</span></div>
+				<ul class="plan-features">
+					<li>✓ Unlimitierte Assets</li>
+					<li>✓ Custom Domain (app.ihr-betrieb.de)</li>
+					<li>✓ Individueller Formular-Generator</li>
+					<li>✓ API-Zugang (ERP, Excel-Export)</li>
+					<li>✓ Prioritäts-Support</li>
+				</ul>
+				<a href="mailto:hallo@checkflo.de?subject=Pro-Plan Anfrage" class="btn-plan btn-plan-featured">Demo anfragen</a>
+			</div>
+			<div class="plan">
+				<div class="plan-name">Enterprise</div>
+				<div class="plan-price">ab 1.500 €<span>/Monat</span></div>
+				<ul class="plan-features">
+					<li>✓ Eigene Server-Infrastruktur</li>
+					<li>✓ SAP / MS Dynamics Anbindung</li>
+					<li>✓ Dedizierter Support & SLA</li>
+					<li>✓ On-Premise möglich</li>
+					<li>✓ Individuelle Entwicklung</li>
+				</ul>
+				<a href="mailto:hallo@checkflo.de?subject=Enterprise Anfrage" class="btn-plan">Angebot anfragen</a>
+			</div>
+		</div>
+	</div>
+</section>
+
 <!-- CTA -->
 <section class="cta">
 	<div class="container">
@@ -254,6 +301,64 @@
 	.feature-card h3 { font-size: 1.1rem; margin-bottom: 0.5rem; }
 	.feature-card p   { color: #555; font-size: 0.95rem; }
 
+	/* PRICING */
+	.pricing { padding: 5rem 2rem; background: #F5F7FA; }
+	.pricing-sub { text-align: center; color: #666; margin-top: -2rem; margin-bottom: 3rem; }
+
+	.pricing-grid {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+		gap: 1.5rem;
+		align-items: stretch;
+	}
+
+	.plan {
+		background: #fff;
+		border-radius: 16px;
+		padding: 2rem;
+		border: 1.5px solid #eee;
+		display: flex;
+		flex-direction: column;
+		position: relative;
+	}
+	.plan-featured {
+		border-color: #F97316;
+		box-shadow: 0 4px 24px rgba(249,115,22,0.12);
+	}
+	.plan-badge {
+		position: absolute;
+		top: -12px;
+		left: 50%;
+		transform: translateX(-50%);
+		background: #F97316;
+		color: #fff;
+		padding: 0.2rem 0.9rem;
+		border-radius: 20px;
+		font-size: 0.75rem;
+		font-weight: 700;
+	}
+	.plan-name { font-size: 0.85rem; font-weight: 700; color: #888; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.75rem; }
+	.plan-price { font-size: 2rem; font-weight: 800; color: #0B1023; margin-bottom: 1.5rem; }
+	.plan-price span { font-size: 1rem; font-weight: 400; color: #888; }
+
+	.plan-features { list-style: none; margin: 0 0 2rem; padding: 0; display: flex; flex-direction: column; gap: 0.6rem; flex: 1; }
+	.plan-features li { font-size: 0.9rem; color: #444; }
+
+	.btn-plan {
+		display: block;
+		text-align: center;
+		padding: 0.75rem;
+		border-radius: 8px;
+		font-weight: 700;
+		font-size: 0.95rem;
+		border: 1.5px solid #0B1023;
+		color: #0B1023;
+		transition: all 0.15s;
+	}
+	.btn-plan:hover { background: #0B1023; color: #fff; }
+	.btn-plan-featured { background: #F97316; border-color: #F97316; color: #fff; }
+	.btn-plan-featured:hover { background: #ea6c10; border-color: #ea6c10; }
+
 	/* CTA */
 	.cta {
 		background: #0B1023;

app/src/routes/admin/+layout.svelte

@@ -14,9 +14,10 @@
 	}
 
 	const navItems = [
-		{ href: '/admin/dashboard', label: 'Dashboard', icon: '◈' },
+		{ href: '/admin/dashboard',  label: 'Dashboard',   icon: '◈' },
-		{ href: '/admin/logs',      label: 'Protokoll',  icon: '≡' },
+		{ href: '/admin/logs',       label: 'Einträge',    icon: '≡' },
-		{ href: '/admin/stations',  label: 'Stationen',  icon: '⊞' }
+		{ href: '/admin/protokoll',  label: 'Protokoll',   icon: '📄' },
+		{ href: '/admin/stations',   label: 'Stationen',   icon: '⊞' }
 	];
 </script>
 

app/src/routes/admin/protokoll/+page.svelte

@@ -0,0 +1,255 @@
+<script lang="ts">
+	import { pb } from '$lib/pb';
+	import { onMount } from 'svelte';
+
+	const STATUS_LABEL: Record<string, string> = { ok: 'OK', abweichung: 'Abweichung', kritisch: 'Kritisch' };
+	const STATUS_COLOR: Record<string, string> = { ok: '#16a34a', abweichung: '#ea580c', kritisch: '#dc2626' };
+
+	const now = new Date();
+	let selectedMonth = $state(now.getMonth() + 1);
+	let selectedYear  = $state(now.getFullYear());
+
+	let logs = $state<any[]>([]);
+	let tenantName = $state('');
+	let loading = $state(true);
+
+	const months = ['Januar','Februar','März','April','Mai','Juni',
+	                 'Juli','August','September','Oktober','November','Dezember'];
+
+	onMount(() => loadData());
+
+	async function loadData() {
+		loading = true;
+		try {
+			const user = await pb.collection('users').getOne(pb.authStore.record!.id);
+			const tenant = await pb.collection('tenants').getOne(user.tenant);
+			tenantName = tenant.name;
+
+			const from = `${selectedYear}-${String(selectedMonth).padStart(2,'0')}-01 00:00:00`;
+			const lastDay = new Date(selectedYear, selectedMonth, 0).getDate();
+			const to   = `${selectedYear}-${String(selectedMonth).padStart(2,'0')}-${lastDay} 23:59:59`;
+
+			const result = await pb.collection('check_logs').getFullList({
+				filter: `tenant = '${user.tenant}' && created >= '${from}' && created <= '${to}'`,
+				expand: 'station',
+				sort: 'created'
+			});
+			logs = result;
+		} catch {
+		} finally {
+			loading = false;
+		}
+	}
+
+	function formatDate(iso: string) {
+		if (!iso) return '—';
+		const d = new Date(iso);
+		if (isNaN(d.getTime())) return '—';
+		return d.toLocaleString('de-DE', { day:'2-digit', month:'2-digit', year:'2-digit', hour:'2-digit', minute:'2-digit' });
+	}
+
+	// Logs nach Station gruppieren
+	const byStation = $derived(() => {
+		const map: Record<string, any[]> = {};
+		for (const log of logs) {
+			const name = log.expand?.station?.name ?? 'Unbekannt';
+			(map[name] ??= []).push(log);
+		}
+		return map;
+	});
+</script>
+
+<svelte:head><title>Protokoll {months[selectedMonth-1]} {selectedYear} — checkflo</title></svelte:head>
+
+<!-- Steuerung (nicht drucken) -->
+<div class="controls no-print">
+	<div class="controls-left">
+		<h1>Monatsprotokoll</h1>
+	</div>
+	<div class="controls-right">
+		<select bind:value={selectedMonth} onchange={loadData}>
+			{#each months as m, i}
+				<option value={i+1}>{m}</option>
+			{/each}
+		</select>
+		<select bind:value={selectedYear} onchange={loadData}>
+			{#each [2025, 2026, 2027] as y}
+				<option value={y}>{y}</option>
+			{/each}
+		</select>
+		<button class="btn-print" onclick={() => window.print()}>🖨 Drucken / PDF</button>
+	</div>
+</div>
+
+<!-- Protokoll (wird gedruckt) -->
+<div class="protokoll">
+	<div class="protokoll-header">
+		<div>
+			<div class="protokoll-title">HACCP-Temperatur & Hygieneprotokoll</div>
+			<div class="protokoll-subtitle">{months[selectedMonth-1]} {selectedYear}</div>
+		</div>
+		<div class="protokoll-tenant">{tenantName}</div>
+	</div>
+
+	{#if loading}
+		<p class="hint no-print">Lädt…</p>
+	{:else if logs.length === 0}
+		<p class="hint no-print">Keine Einträge im gewählten Zeitraum.</p>
+		<p class="empty-print">Keine Einträge im {months[selectedMonth-1]} {selectedYear}.</p>
+	{:else}
+		{#each Object.entries(byStation()) as [stationName, stationLogs]}
+			<div class="station-block">
+				<div class="station-header">{stationName}</div>
+				<table>
+					<thead>
+						<tr>
+							<th>Datum / Zeit</th>
+							<th>Temp. (°C)</th>
+							<th>Status</th>
+							<th>Notiz</th>
+							<th>Geprüft von</th>
+						</tr>
+					</thead>
+					<tbody>
+						{#each stationLogs as log}
+							<tr>
+								<td>{formatDate(log.created)}</td>
+								<td>{log.temperature ? log.temperature + ' °C' : '—'}</td>
+								<td>
+									<span class="badge" style="color:{STATUS_COLOR[log.status]}">
+										{STATUS_LABEL[log.status] ?? log.status}
+									</span>
+								</td>
+								<td>{log.notes || '—'}</td>
+								<td>{log.checked_by}</td>
+							</tr>
+						{/each}
+					</tbody>
+				</table>
+			</div>
+		{/each}
+
+		<div class="summary">
+			<strong>Gesamt:</strong> {logs.length} Einträge ·
+			{logs.filter(l=>l.status==='ok').length} OK ·
+			{logs.filter(l=>l.status==='abweichung').length} Abweichungen ·
+			{logs.filter(l=>l.status==='kritisch').length} Kritisch
+		</div>
+	{/if}
+
+	<div class="protokoll-footer">
+		<div>Erstellt: {new Date().toLocaleDateString('de-DE')} · checkflo.de</div>
+		<div class="signature-block">
+			<div class="signature-line">___________________________</div>
+			<div class="signature-label">Unterschrift Verantwortlicher</div>
+		</div>
+	</div>
+</div>
+
+<style>
+	.controls {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: 2rem;
+		flex-wrap: wrap;
+		gap: 1rem;
+	}
+	h1 { font-size: 1.6rem; font-weight: 800; color: #0B1023; }
+	.controls-right { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; }
+
+	select {
+		padding: 0.5rem 0.75rem;
+		border: 1.5px solid #ddd;
+		border-radius: 8px;
+		font-size: 0.9rem;
+		background: #fff;
+	}
+
+	.btn-print {
+		padding: 0.6rem 1.25rem;
+		background: #0B1023;
+		color: #fff;
+		border: none;
+		border-radius: 8px;
+		font-size: 0.9rem;
+		font-weight: 600;
+		cursor: pointer;
+	}
+	.btn-print:hover { background: #1a2640; }
+	.hint { color: #aaa; }
+	.empty-print { display: none; }
+
+	/* Protokoll-Layout */
+	.protokoll {
+		background: #fff;
+		border-radius: 12px;
+		padding: 2rem;
+		box-shadow: 0 1px 4px rgba(0,0,0,0.06);
+		max-width: 900px;
+	}
+
+	.protokoll-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-start;
+		border-bottom: 2px solid #0B1023;
+		padding-bottom: 1rem;
+		margin-bottom: 1.5rem;
+	}
+	.protokoll-title { font-size: 1.1rem; font-weight: 800; color: #0B1023; }
+	.protokoll-subtitle { font-size: 0.9rem; color: #666; margin-top: 0.25rem; }
+	.protokoll-tenant { font-weight: 700; color: #0B1023; text-align: right; }
+
+	.station-block { margin-bottom: 2rem; }
+	.station-header {
+		background: #F5F7FA;
+		padding: 0.5rem 1rem;
+		font-weight: 700;
+		font-size: 0.95rem;
+		color: #0B1023;
+		border-left: 3px solid #F97316;
+		margin-bottom: 0.5rem;
+		border-radius: 0 4px 4px 0;
+	}
+
+	table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
+	th { background: #F5F7FA; padding: 0.5rem 0.75rem; text-align: left; font-size: 0.75rem; color: #888; text-transform: uppercase; }
+	td { padding: 0.5rem 0.75rem; border-bottom: 1px solid #f0f0f0; }
+	tr:last-child td { border-bottom: none; }
+
+	.badge { font-weight: 700; }
+
+	.summary {
+		margin-top: 1.5rem;
+		padding: 0.75rem 1rem;
+		background: #F5F7FA;
+		border-radius: 8px;
+		font-size: 0.9rem;
+		color: #555;
+	}
+
+	.protokoll-footer {
+		margin-top: 3rem;
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-end;
+		font-size: 0.8rem;
+		color: #aaa;
+	}
+	.signature-block { text-align: center; }
+	.signature-line { border-top: 1px solid #999; width: 200px; margin-bottom: 0.25rem; }
+	.signature-label { font-size: 0.75rem; color: #888; }
+
+	@media print {
+		.no-print { display: none !important; }
+		.empty-print { display: block; }
+		.protokoll {
+			box-shadow: none;
+			padding: 0;
+			border-radius: 0;
+		}
+		table { font-size: 0.8rem; }
+		@page { margin: 15mm; size: A4; }
+	}
+</style>

app/src/routes/admin/stations/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { pb } from '$lib/pb';
 	import { onMount } from 'svelte';
+	import QRCode from 'qrcode';
 
 	const TYPE_LABEL: Record<string, string> = {
 		kuehlschrank: 'Kühlschrank',
@@ -11,20 +12,32 @@
 	};
 
 	let stations = $state<any[]>([]);
+	let qrCodes = $state<Record<string, string>>({});
 	let loading = $state(true);
-	let copied = $state<string | null>(null);
+	let tenantName = $state('');
 
 	onMount(async () => {
 		try {
 			const user = await pb.collection('users').getOne(pb.authStore.record!.id);
 			const tenantId = user.tenant;
+			const tenant = await pb.collection('tenants').getOne(tenantId);
+			tenantName = tenant.name;
+
 			const result = await pb.collection('stations').getFullList({
 				filter: `tenant = '${tenantId}' && active = true`,
 				sort: 'name'
 			});
 			stations = result;
+
+			// QR-Codes generieren
+			const codes: Record<string, string> = {};
+			for (const s of result) {
+				codes[s.qr_id] = await QRCode.toDataURL(qrUrl(s.qr_id), {
+					width: 200, margin: 1, color: { dark: '#0B1023', light: '#ffffff' }
+				});
+			}
+			qrCodes = codes;
 		} catch {
-			// Keine Stationen
 		} finally {
 			loading = false;
 		}
@@ -34,18 +47,23 @@
 		return `https://checkflo.de/s/${qrId}`;
 	}
 
-	async function copyUrl(qrId: string) {
+	function printAll() {
-		await navigator.clipboard.writeText(qrUrl(qrId));
+		window.print();
-		copied = qrId;
-		setTimeout(() => copied = null, 2000);
 	}
 </script>
 
 <svelte:head><title>Stationen — checkflo</title></svelte:head>
 
-<div class="page">
+<div class="page no-print">
-	<h1>Stationen</h1>
+	<div class="header-row">
-	<p class="hint-text">Jeden QR-Code ausdrucken und an der Station befestigen. Der Link öffnet die Checkliste direkt im Browser.</p>
+		<div>
+			<h1>Stationen</h1>
+			<p class="hint-text">QR-Codes ausdrucken und an den Stationen befestigen.</p>
+		</div>
+		{#if stations.length > 0}
+			<button class="btn-print" onclick={printAll}>🖨 Alle drucken</button>
+		{/if}
+	</div>
 
 	{#if loading}
 		<p class="hint">Lädt…</p>
@@ -53,29 +71,19 @@
 		<div class="list">
 			{#each stations as s}
 				<div class="card">
-					<div class="card-head">
+					<div class="card-body">
-						<div>
+						<div class="card-info">
 							<div class="station-name">{s.name}</div>
 							<div class="station-type">{TYPE_LABEL[s.type] ?? s.type}
 								{#if s.target_temp_min || s.target_temp_max}
 									· {s.target_temp_min}° bis {s.target_temp_max}°C
 								{/if}
 							</div>
+							<code class="qr-url">{qrUrl(s.qr_id)}</code>
 						</div>
-					</div>
+						{#if qrCodes[s.qr_id]}
-
+							<img src={qrCodes[s.qr_id]} alt="QR {s.name}" class="qr-img" />
-					<div class="qr-row">
+						{/if}
-						<code class="qr-url">{qrUrl(s.qr_id)}</code>
-						<button class="btn-copy" onclick={() => copyUrl(s.qr_id)}>
-							{copied === s.qr_id ? '✓ Kopiert' : 'Kopieren'}
-						</button>
-						<a
-							href="https://api.qrserver.com/v1/create-qr-code/?size=200x200&data={encodeURIComponent(qrUrl(s.qr_id))}"
-							target="_blank"
-							class="btn-qr"
-						>
-							QR öffnen
-						</a>
 					</div>
 				</div>
 			{/each}
@@ -83,65 +91,98 @@
 	{/if}
 </div>
 
+<!-- Druckansicht -->
+{#if !loading}
+	<div class="print-sheet">
+		{#each stations as s}
+			<div class="print-card">
+				<div class="print-tenant">{tenantName}</div>
+				<div class="print-name">{s.name}</div>
+				<div class="print-type">{TYPE_LABEL[s.type] ?? s.type}
+					{#if s.target_temp_min || s.target_temp_max}
+						· Zielbereich {s.target_temp_min}° bis {s.target_temp_max}°C
+					{/if}
+				</div>
+				{#if qrCodes[s.qr_id]}
+					<img src={qrCodes[s.qr_id]} alt="QR" class="print-qr" />
+				{/if}
+				<div class="print-url">{qrUrl(s.qr_id)}</div>
+				<div class="print-footer">Scan → Checkliste ausfüllen → fertig</div>
+			</div>
+		{/each}
+	</div>
+{/if}
+
 <style>
 	.page { max-width: 800px; }
-	h1 { font-size: 1.6rem; font-weight: 800; color: #0B1023; margin-bottom: 0.5rem; }
+	.header-row { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 2rem; }
-	.hint-text { color: #666; font-size: 0.9rem; margin-bottom: 2rem; }
+	h1 { font-size: 1.6rem; font-weight: 800; color: #0B1023; margin-bottom: 0.25rem; }
+	.hint-text { color: #666; font-size: 0.9rem; }
 	.hint { color: #aaa; }
 
-	.list { display: flex; flex-direction: column; gap: 1rem; }
+	.btn-print {
+		padding: 0.6rem 1.25rem;
+		background: #0B1023;
+		color: #fff;
+		border: none;
+		border-radius: 8px;
+		font-size: 0.9rem;
+		font-weight: 600;
+		cursor: pointer;
+		white-space: nowrap;
+	}
+	.btn-print:hover { background: #1a2640; }
 
+	.list { display: flex; flex-direction: column; gap: 1rem; }
 	.card {
 		background: #fff;
 		border-radius: 12px;
 		padding: 1.25rem 1.5rem;
 		box-shadow: 0 1px 4px rgba(0,0,0,0.06);
 	}
-	.card-head { margin-bottom: 1rem; }
+	.card-body { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
+	.card-info { flex: 1; }
 	.station-name { font-weight: 700; font-size: 1.05rem; color: #0B1023; }
-	.station-type { font-size: 0.85rem; color: #888; margin-top: 0.2rem; }
+	.station-type { font-size: 0.85rem; color: #888; margin: 0.2rem 0 0.75rem; }
-
-	.qr-row {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		flex-wrap: wrap;
-	}
 	.qr-url {
-		flex: 1;
+		font-size: 0.75rem;
-		font-size: 0.8rem;
 		background: #F5F7FA;
-		padding: 0.5rem 0.75rem;
+		padding: 0.4rem 0.6rem;
-		border-radius: 6px;
+		border-radius: 5px;
 		color: #555;
-		min-width: 0;
+		display: block;
 		overflow: hidden;
 		text-overflow: ellipsis;
 		white-space: nowrap;
+		max-width: 400px;
 	}
-	.btn-copy, .btn-qr {
+	.qr-img { width: 100px; height: 100px; flex-shrink: 0; }
-		padding: 0.5rem 1rem;
-		border-radius: 6px;
-		font-size: 0.85rem;
-		font-weight: 600;
-		cursor: pointer;
-		white-space: nowrap;
-		transition: all 0.15s;
-	}
-	.btn-copy {
-		background: #F5F7FA;
-		border: 1.5px solid #ddd;
-		color: #555;
-	}
-	.btn-copy:hover { border-color: #F97316; color: #F97316; }
 
-	.btn-qr {
+	/* Druckansicht — nur beim Drucken sichtbar */
-		background: #F97316;
+	.print-sheet { display: none; }
-		color: #fff;
+
-		border: none;
+	@media print {
-		text-decoration: none;
+		.no-print { display: none !important; }
-		display: inline-flex;
+
-		align-items: center;
+		.print-sheet {
+			display: grid;
+			grid-template-columns: repeat(2, 1fr);
+			gap: 0;
+		}
+
+		.print-card {
+			border: 1px solid #ddd;
+			padding: 1.5rem;
+			text-align: center;
+			page-break-inside: avoid;
+			break-inside: avoid;
+		}
+
+		.print-tenant { font-size: 0.7rem; color: #888; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.5rem; }
+		.print-name { font-size: 1.2rem; font-weight: 800; color: #0B1023; margin-bottom: 0.25rem; }
+		.print-type { font-size: 0.8rem; color: #666; margin-bottom: 1rem; }
+		.print-qr { width: 160px; height: 160px; margin: 0 auto 0.75rem; display: block; }
+		.print-url { font-size: 0.65rem; color: #888; margin-bottom: 0.5rem; word-break: break-all; }
+		.print-footer { font-size: 0.7rem; color: #F97316; font-weight: 600; }
 	}
-	.btn-qr:hover { background: #ea6c10; }
 </style>