diff --git a/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-5cf70-page-visual-structure-check-chromium/test-finished-1.png b/cannamanage-frontend/docs/screenshots/01-login-dark.png
similarity index 100%
rename from cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-5cf70-page-visual-structure-check-chromium/test-finished-1.png
rename to cannamanage-frontend/docs/screenshots/01-login-dark.png
diff --git a/cannamanage-frontend/docs/screenshots/01-login-light.png b/cannamanage-frontend/docs/screenshots/01-login-light.png
new file mode 100644
index 0000000..8aa9918
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/01-login-light.png differ
diff --git a/cannamanage-frontend/docs/screenshots/02-portal-login-dark.png b/cannamanage-frontend/docs/screenshots/02-portal-login-dark.png
new file mode 100644
index 0000000..eda3329
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/02-portal-login-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/02-portal-login-light.png b/cannamanage-frontend/docs/screenshots/02-portal-login-light.png
new file mode 100644
index 0000000..ce557e8
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/02-portal-login-light.png differ
diff --git a/cannamanage-frontend/docs/screenshots/03-dashboard-dark.png b/cannamanage-frontend/docs/screenshots/03-dashboard-dark.png
new file mode 100644
index 0000000..f3d564c
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/03-dashboard-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/04-members-dark.png b/cannamanage-frontend/docs/screenshots/04-members-dark.png
new file mode 100644
index 0000000..1116ede
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/04-members-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/05-distributions-dark.png b/cannamanage-frontend/docs/screenshots/05-distributions-dark.png
new file mode 100644
index 0000000..1e0c34d
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/05-distributions-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/06-distribution-new-dark.png b/cannamanage-frontend/docs/screenshots/06-distribution-new-dark.png
new file mode 100644
index 0000000..689c512
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/06-distribution-new-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/07-stock-dark.png b/cannamanage-frontend/docs/screenshots/07-stock-dark.png
new file mode 100644
index 0000000..21fa3bb
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/07-stock-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/08-stock-new-dark.png b/cannamanage-frontend/docs/screenshots/08-stock-new-dark.png
new file mode 100644
index 0000000..af9c608
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/08-stock-new-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/09-reports-dark.png b/cannamanage-frontend/docs/screenshots/09-reports-dark.png
new file mode 100644
index 0000000..8fa0a87
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/09-reports-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/10-portal-dashboard-dark.png b/cannamanage-frontend/docs/screenshots/10-portal-dashboard-dark.png
new file mode 100644
index 0000000..ad96c89
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/10-portal-dashboard-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/10-portal-dashboard-light.png b/cannamanage-frontend/docs/screenshots/10-portal-dashboard-light.png
new file mode 100644
index 0000000..ac1d8da
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/10-portal-dashboard-light.png differ
diff --git a/cannamanage-frontend/docs/screenshots/11-portal-history-dark.png b/cannamanage-frontend/docs/screenshots/11-portal-history-dark.png
new file mode 100644
index 0000000..264320f
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/11-portal-history-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/11-portal-history-light.png b/cannamanage-frontend/docs/screenshots/11-portal-history-light.png
new file mode 100644
index 0000000..295316b
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/11-portal-history-light.png differ
diff --git a/cannamanage-frontend/docs/screenshots/12-portal-profile-dark.png b/cannamanage-frontend/docs/screenshots/12-portal-profile-dark.png
new file mode 100644
index 0000000..6e2d203
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/12-portal-profile-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/12-portal-profile-light.png b/cannamanage-frontend/docs/screenshots/12-portal-profile-light.png
new file mode 100644
index 0000000..2f97276
Binary files /dev/null and b/cannamanage-frontend/docs/screenshots/12-portal-profile-light.png differ
diff --git a/cannamanage-frontend/docs/visual-tour.md b/cannamanage-frontend/docs/visual-tour.md
new file mode 100644
index 0000000..2e64e21
--- /dev/null
+++ b/cannamanage-frontend/docs/visual-tour.md
@@ -0,0 +1,78 @@
+# CannaManage — Visual Tour (Sprint 4)
+
+**Generated:** 2026-06-12
+
+---
+
+## Admin Login
+
+| Dark Mode | Light Mode |
+|-----------|------------|
+| ![Admin Login Dark](screenshots/01-login-dark.png) | ![Admin Login Light](screenshots/01-login-light.png) |
+
+## Member Portal Login
+
+| Dark Mode | Light Mode |
+|-----------|------------|
+| ![Member Portal Login Dark](screenshots/02-portal-login-dark.png) | ![Member Portal Login Light](screenshots/02-portal-login-light.png) |
+
+## Club Dashboard (auth required)
+
+| Dark Mode | Light Mode |
+|-----------|------------|
+| ![Club Dashboard (auth required) Dark](screenshots/03-dashboard-dark.png) | ![Club Dashboard (auth required) Light](screenshots/03-dashboard-dark.png) |
+
+## Member Management (auth required)
+
+| Dark Mode | Light Mode |
+|-----------|------------|
+| ![Member Management (auth required) Dark](screenshots/04-members-dark.png) | ![Member Management (auth required) Light](screenshots/04-members-dark.png) |
+
+## Distribution History (auth required)
+
+| Dark Mode | Light Mode |
+|-----------|------------|
+| ![Distribution History (auth required) Dark](screenshots/05-distributions-dark.png) | ![Distribution History (auth required) Light](screenshots/05-distributions-dark.png) |
+
+## New Distribution (Multi-Step) (auth required)
+
+| Dark Mode | Light Mode |
+|-----------|------------|
+| ![New Distribution (Multi-Step) (auth required) Dark](screenshots/06-distribution-new-dark.png) | ![New Distribution (Multi-Step) (auth required) Light](screenshots/06-distribution-new-dark.png) |
+
+## Stock & Batch Management (auth required)
+
+| Dark Mode | Light Mode |
+|-----------|------------|
+| ![Stock & Batch Management (auth required) Dark](screenshots/07-stock-dark.png) | ![Stock & Batch Management (auth required) Light](screenshots/07-stock-dark.png) |
+
+## Add New Batch (auth required)
+
+| Dark Mode | Light Mode |
+|-----------|------------|
+| ![Add New Batch (auth required) Dark](screenshots/08-stock-new-dark.png) | ![Add New Batch (auth required) Light](screenshots/08-stock-new-dark.png) |
+
+## Compliance Reports (auth required)
+
+| Dark Mode | Light Mode |
+|-----------|------------|
+| ![Compliance Reports (auth required) Dark](screenshots/09-reports-dark.png) | ![Compliance Reports (auth required) Light](screenshots/09-reports-dark.png) |
+
+## Member Quota Overview
+
+| Dark Mode | Light Mode |
+|-----------|------------|
+| ![Member Quota Overview Dark](screenshots/10-portal-dashboard-dark.png) | ![Member Quota Overview Light](screenshots/10-portal-dashboard-light.png) |
+
+## My Distribution History
+
+| Dark Mode | Light Mode |
+|-----------|------------|
+| ![My Distribution History Dark](screenshots/11-portal-history-dark.png) | ![My Distribution History Light](screenshots/11-portal-history-light.png) |
+
+## Profile & Settings
+
+| Dark Mode | Light Mode |
+|-----------|------------|
+| ![Profile & Settings Dark](screenshots/12-portal-profile-dark.png) | ![Profile & Settings Light](screenshots/12-portal-profile-light.png) |
+
diff --git a/cannamanage-frontend/e2e/test-results/.last-run.json b/cannamanage-frontend/e2e/test-results/.last-run.json
index f740f7c..cbcc1fb 100644
--- a/cannamanage-frontend/e2e/test-results/.last-run.json
+++ b/cannamanage-frontend/e2e/test-results/.last-run.json
@@ -1,4 +1,4 @@
 {
   "status": "passed",
   "failedTests": []
-}
+}
\ No newline at end of file
diff --git a/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-5ee0c-direct-for-protected-routes-chromium/test-finished-1.png b/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-5ee0c-direct-for-protected-routes-chromium/test-finished-1.png
deleted file mode 100644
index 455aba8..0000000
Binary files a/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-5ee0c-direct-for-protected-routes-chromium/test-finished-1.png and /dev/null differ
diff --git a/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-70b12--errors-on-accessible-pages-chromium/test-finished-1.png b/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-70b12--errors-on-accessible-pages-chromium/test-finished-1.png
deleted file mode 100644
index ed00801..0000000
Binary files a/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-70b12--errors-on-accessible-pages-chromium/test-finished-1.png and /dev/null differ
diff --git a/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-76e3f-lid-credentials-shows-error-chromium/test-finished-1.png b/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-76e3f-lid-credentials-shows-error-chromium/test-finished-1.png
deleted file mode 100644
index ef09454..0000000
Binary files a/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-76e3f-lid-credentials-shows-error-chromium/test-finished-1.png and /dev/null differ
diff --git a/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-9d296--renders-for-unknown-routes-chromium/test-finished-1.png b/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-9d296--renders-for-unknown-routes-chromium/test-finished-1.png
deleted file mode 100644
index ed00801..0000000
Binary files a/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-9d296--renders-for-unknown-routes-chromium/test-finished-1.png and /dev/null differ
diff --git a/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-e49c9--Login-page-loads-correctly-chromium/test-finished-1.png b/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-e49c9--Login-page-loads-correctly-chromium/test-finished-1.png
deleted file mode 100644
index ed00801..0000000
Binary files a/cannamanage-frontend/e2e/test-results/full-check-CannaManage-E2E-e49c9--Login-page-loads-correctly-chromium/test-finished-1.png and /dev/null differ
diff --git a/cannamanage-frontend/e2e/test-results/functional-flows-Group-1-L-37356--is-prevented-by-validation-chromium/test-finished-1.png b/cannamanage-frontend/e2e/test-results/functional-flows-Group-1-L-37356--is-prevented-by-validation-chromium/test-finished-1.png
new file mode 100644
index 0000000..96b4b17
Binary files /dev/null and b/cannamanage-frontend/e2e/test-results/functional-flows-Group-1-L-37356--is-prevented-by-validation-chromium/test-finished-1.png differ
diff --git a/cannamanage-frontend/e2e/test-results/functional-flows-Group-11--079ba-ave-autocomplete-attributes-chromium/test-finished-1.png b/cannamanage-frontend/e2e/test-results/functional-flows-Group-11--079ba-ave-autocomplete-attributes-chromium/test-finished-1.png
new file mode 100644
index 0000000..1b4385a
Binary files /dev/null and b/cannamanage-frontend/e2e/test-results/functional-flows-Group-11--079ba-ave-autocomplete-attributes-chromium/test-finished-1.png differ
diff --git a/docs/sprint-4/screenshots/01-login-dark.png b/docs/sprint-4/screenshots/01-login-dark.png
index 455aba8..ed00801 100644
Binary files a/docs/sprint-4/screenshots/01-login-dark.png and b/docs/sprint-4/screenshots/01-login-dark.png differ
diff --git a/docs/sprint-4/screenshots/02-portal-login-dark.png b/docs/sprint-4/screenshots/02-portal-login-dark.png
index 8034eb8..eda3329 100644
Binary files a/docs/sprint-4/screenshots/02-portal-login-dark.png and b/docs/sprint-4/screenshots/02-portal-login-dark.png differ
diff --git a/docs/sprint-4/screenshots/11-portal-history-dark.png b/docs/sprint-4/screenshots/11-portal-history-dark.png
index f833ae6..264320f 100644
Binary files a/docs/sprint-4/screenshots/11-portal-history-dark.png and b/docs/sprint-4/screenshots/11-portal-history-dark.png differ
diff --git a/docs/sprint-4/screenshots/11-portal-history-light.png b/docs/sprint-4/screenshots/11-portal-history-light.png
index a146ff8..295316b 100644
Binary files a/docs/sprint-4/screenshots/11-portal-history-light.png and b/docs/sprint-4/screenshots/11-portal-history-light.png differ