diff --git a/docs/screenshots/01-landing.png b/docs/screenshots/01-landing.png
new file mode 100644
index 0000000..20fdc7d
Binary files /dev/null and b/docs/screenshots/01-landing.png differ
diff --git a/docs/screenshots/02-admin-login.png b/docs/screenshots/02-admin-login.png
new file mode 100644
index 0000000..7ffe063
Binary files /dev/null and b/docs/screenshots/02-admin-login.png differ
diff --git a/docs/screenshots/03-admin-dashboard.png b/docs/screenshots/03-admin-dashboard.png
new file mode 100644
index 0000000..d76af14
Binary files /dev/null and b/docs/screenshots/03-admin-dashboard.png differ
diff --git a/docs/screenshots/04-admin-customers.png b/docs/screenshots/04-admin-customers.png
new file mode 100644
index 0000000..bddde20
Binary files /dev/null and b/docs/screenshots/04-admin-customers.png differ
diff --git a/docs/screenshots/05-admin-inventory.png b/docs/screenshots/05-admin-inventory.png
new file mode 100644
index 0000000..509c9cc
Binary files /dev/null and b/docs/screenshots/05-admin-inventory.png differ
diff --git a/docs/screenshots/06-inventory-stok-keluar.png b/docs/screenshots/06-inventory-stok-keluar.png
new file mode 100644
index 0000000..839f23d
Binary files /dev/null and b/docs/screenshots/06-inventory-stok-keluar.png differ
diff --git a/docs/screenshots/07-admin-settings-ai.png b/docs/screenshots/07-admin-settings-ai.png
new file mode 100644
index 0000000..d8a4714
Binary files /dev/null and b/docs/screenshots/07-admin-settings-ai.png differ
diff --git a/docs/screenshots/08-customer-login.png b/docs/screenshots/08-customer-login.png
new file mode 100644
index 0000000..e3948e7
Binary files /dev/null and b/docs/screenshots/08-customer-login.png differ
diff --git a/docs/screenshots/09-customer-dashboard.png b/docs/screenshots/09-customer-dashboard.png
new file mode 100644
index 0000000..537ad36
Binary files /dev/null and b/docs/screenshots/09-customer-dashboard.png differ
diff --git a/docs/screenshots/10-mobile-customer-login.png b/docs/screenshots/10-mobile-customer-login.png
new file mode 100644
index 0000000..e315117
Binary files /dev/null and b/docs/screenshots/10-mobile-customer-login.png differ
diff --git a/docs/screenshots/README.md b/docs/screenshots/README.md
new file mode 100644
index 0000000..f43e266
--- /dev/null
+++ b/docs/screenshots/README.md
@@ -0,0 +1,20 @@
+# Screenshot Aplikasi (v0.5.2)
+
+Diambil dari instance uji lokal (`http://localhost:3001`) dengan data demo
+(`node scripts/seed-demo.js`), viewport 1440×900 (mobile 390×844).
+
+| File | Halaman |
+|---|---|
+| `01-landing.png` | Landing page publik |
+| `02-admin-login.png` | Halaman login admin |
+| `03-admin-dashboard.png` | Dashboard admin (ringkasan pelanggan, billing, ONU) |
+| `04-admin-customers.png` | Daftar pelanggan |
+| `05-admin-inventory.png` | Inventaris stok |
+| `06-inventory-stok-keluar.png` | Modal Stok Keluar (FIFO / serial number) |
+| `07-admin-settings-ai.png` | Pengaturan → AI & Self-Healing (key disamarkan) |
+| `08-customer-login.png` | Login pelanggan + tab Status mengikuti setting `uptime_url` |
+| `09-customer-dashboard.png` | Dashboard pelanggan |
+| `10-mobile-customer-login.png` | Login pelanggan (tampilan mobile) |
+
+Catatan: field API key di halaman Pengaturan memakai `type="password"`
+sehingga tidak tampil di screenshot maupun saat layar dibagikan.
diff --git a/views/admin/settings.ejs b/views/admin/settings.ejs
index b3ff34e..ef7b228 100644
--- a/views/admin/settings.ejs
+++ b/views/admin/settings.ejs
@@ -226,16 +226,16 @@
                 </select>
                 <div style="font-size:10px;color:var(--muted);margin-top:4px">Semua provider di atas memakai format API OpenAI (chat/completions).</div>
               </div>
-              <div class="fg"><label class="fl">DeepSeek API Key</label><input class="fc" name="deepseek_api_key" value="<%= settings.deepseek_api_key || '' %>" placeholder="sk-..."></div>
+              <div class="fg"><label class="fl">DeepSeek API Key</label><input class="fc" type="password" autocomplete="new-password" name="deepseek_api_key" value="<%= settings.deepseek_api_key || '' %>" placeholder="sk-..."></div>
               <div class="fg"><label class="fl">DeepSeek Model</label><input class="fc" name="deepseek_model" value="<%= settings.deepseek_model || 'deepseek-chat' %>"></div>
-              <div class="fg"><label class="fl">OpenAI API Key</label><input class="fc" name="openai_api_key" value="<%= settings.openai_api_key || '' %>" placeholder="sk-..."></div>
+              <div class="fg"><label class="fl">OpenAI API Key</label><input class="fc" type="password" autocomplete="new-password" name="openai_api_key" value="<%= settings.openai_api_key || '' %>" placeholder="sk-..."></div>
               <div class="fg"><label class="fl">OpenAI Model</label><input class="fc" name="openai_model" value="<%= settings.openai_model || 'gpt-4o-mini' %>"></div>
-              <div class="fg"><label class="fl">Groq API Key</label><input class="fc" name="groq_api_key" value="<%= settings.groq_api_key || '' %>"></div>
+              <div class="fg"><label class="fl">Groq API Key</label><input class="fc" type="password" autocomplete="new-password" name="groq_api_key" value="<%= settings.groq_api_key || '' %>"></div>
               <div class="fg"><label class="fl">Groq Model</label><input class="fc" name="groq_model" value="<%= settings.groq_model || 'llama-3.3-70b-versatile' %>"></div>
-              <div class="fg"><label class="fl">OpenRouter API Key</label><input class="fc" name="openrouter_api_key" value="<%= settings.openrouter_api_key || '' %>"></div>
+              <div class="fg"><label class="fl">OpenRouter API Key</label><input class="fc" type="password" autocomplete="new-password" name="openrouter_api_key" value="<%= settings.openrouter_api_key || '' %>"></div>
               <div class="fg"><label class="fl">OpenRouter Model</label><input class="fc" name="openrouter_model" value="<%= settings.openrouter_model || '' %>"></div>
               <div class="fg"><label class="fl">Custom Base URL</label><input class="fc" name="custom_ai_base_url" value="<%= settings.custom_ai_base_url || '' %>" placeholder="http://localhost:11434/v1"></div>
-              <div class="fg"><label class="fl">Custom API Key</label><input class="fc" name="custom_ai_api_key" value="<%= settings.custom_ai_api_key || '' %>" placeholder="opsional untuk Ollama"></div>
+              <div class="fg"><label class="fl">Custom API Key</label><input class="fc" type="password" autocomplete="new-password" name="custom_ai_api_key" value="<%= settings.custom_ai_api_key || '' %>" placeholder="opsional untuk Ollama"></div>
               <div class="fg"><label class="fl">Custom Model</label><input class="fc" name="custom_ai_model" value="<%= settings.custom_ai_model || 'llama3' %>"></div>
             </div>
             <div>