Add production UI screenshots

README.md

@@ -392,3 +392,68 @@ For detailed subsystem documentation, see the [**Documentation Index**](docs/REA
 - [Testing Specification](docs/TESTING.md)
 - [Development Guide](docs/development.md)
 - [Docker Deployment](docs/docker.md)
+
+## 17. Web UI Screenshots
+
+The following screenshots provide visual evidence of the production Web UI and its native
+WireGuard/network administration workflow. Sensitive endpoint and cryptographic values in
+the captured evidence have been redacted where applicable.
+
+### Dashboard
+
+![NX9-WG Dashboard](screenshots/dashboard.png)
+
+### Interfaces
+
+![NX9-WG Interfaces](screenshots/interfaces.png)
+
+### Peer Management
+
+![NX9-WG Peers](screenshots/peers.png)
+
+### New Peer Enrollment
+
+![NX9-WG New Peer Enrollment](screenshots/new_peer_enrollment.png)
+
+### Client Configuration Export
+
+![NX9-WG Client Configuration](screenshots/peer_config.png)
+
+### QR Code Export
+
+![NX9-WG QR Export](screenshots/qr_export.png)
+
+### Networks
+
+![NX9-WG Networks](screenshots/networks.png)
+
+### IP Forwarding
+
+![NX9-WG IP Forwarding](screenshots/ip_forwarding.png)
+
+### NAT & Masquerade
+
+![NX9-WG NAT & Masquerade](screenshots/nat_masquerate.png)
+
+### Reconciliation
+
+![NX9-WG Reconciliation](screenshots/reconciliation.png)
+
+### Diagnostics — System, Network & WAN
+
+![NX9-WG Diagnostics](screenshots/diagnostics1.png)
+
+### Diagnostics — Firewall, NAT, MTU & Reconciliation
+
+![NX9-WG Diagnostics Details](screenshots/diagnostics2.png)
+
+### Settings
+
+![NX9-WG Settings](screenshots/settings.png)
+
+### Backups
+
+![NX9-WG Backups](screenshots/backup.png)
+
+> **Additional evidence:** `screenshots/admin-instance.pdf` contains the captured administrative
+> instance documentation and is retained in the repository alongside the UI screenshots.