diff --git a/public/index.html b/public/index.html
index b32fc3b..21626ea 100644
--- a/public/index.html
+++ b/public/index.html
@@ -43,7 +43,8 @@
   </select>
   <button type="submit">Add User</button>
 </form>
-  <!-- Manage Users -->
+
+<!-- Manage Users -->
     <h3>Manage Users</h3>
       <select id="userDropdown" onchange="selectUserAction(this.value)">
       <option value="">-- Select a user --</option>
diff --git a/public/script.js b/public/script.js
index 3d908ad..1c3f580 100644
--- a/public/script.js
+++ b/public/script.js
@@ -93,6 +93,7 @@ async function addNewUser() {
   const password = document.getElementById("newPassword").value
   const role = document.getElementById("newRole").value
   const msg = document.getElementById("userAddMessage")
+  const hashPreview = document.getElementById("hashPreview")
 
   if (!username || !password) {
     msg.textContent = "Please fill out all fields."
@@ -100,13 +101,27 @@ async function addNewUser() {
   }
 
   const hash = hashPassword(password)
-  await saveUserToServer(username, hash, role)
-  msg.textContent = `✅ User "${username}" added to server.`
 
-  document.getElementById("newUsername").value = ''
-  document.getElementById("newPassword").value = ''
-  await loadUsers()
-  displayUserDropdown()
+  // Live hash preview (optional visual confirmation for admin)
+  if (hashPreview) {
+    hashPreview.textContent = hash
+  }
+
+  try {
+    await saveUserToServer(username, hash, role)
+    msg.textContent = `✅ User "${username}" added to server.`
+
+    // Clear fields after success
+    document.getElementById("newUsername").value = ''
+    document.getElementById("newPassword").value = ''
+    if (hashPreview) hashPreview.textContent = '[auto]'
+    
+    await loadUsers()
+    displayUserDropdown()
+  } catch (e) {
+    msg.textContent = "❌ Failed to add user."
+    console.error("Add user error:", e)
+  }
 }
 
 async function saveUserToServer(username, hash, role) {