Make edit modal popup scrollable by increasing max-height to 80vh and removing overflow hidden

templates/admin/users.html

@@ -33,7 +33,7 @@
     /* Modal Styles */
     .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
     .modal.show { display: flex; align-items: center; justify-content: center; }
-    .modal-content { background-color: white; margin: 0; padding: 0; width: 90%; max-width: 600px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); max-height: 50vh; overflow: hidden; display: flex; flex-direction: column; }
+    .modal-content { background-color: white; margin: 0; padding: 0; width: 90%; max-width: 600px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); max-height: 80vh; display: flex; flex-direction: column; }
     .modal-header { padding: 1rem 2rem; border-bottom: 1px solid #e5e7eb; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
     .modal-body { padding: 1rem; overflow-y: auto; flex: 1; }
     .modal-footer { padding: 1rem 2rem; border-top: 1px solid #e5e7eb; text-align: right; flex-shrink: 0; }
@@ -131,50 +131,7 @@
             </form>
         </div>
 
-        <!-- Edit User Modal -->
-        <div id="editUserModal" class="modal">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h3>Edit User</h3>
-                    <span onclick="closeEditModal()" style="cursor: pointer; font-size: 1.5rem;">&times;</span>
-                </div>
-                <form id="editUserForm" method="post" action="">
-                    <div class="modal-body">
-                        <input type="hidden" id="editUserId" name="user_id">
-                        <div class="form-group">
-                            <label for="editUsername">Username</label>
-                            <input type="text" id="editUsername" name="username" required>
-                        </div>
-                        <div class="form-group">
-                            <label for="editEmail">Email</label>
-                            <input type="email" id="editEmail" name="email" required>
-                        </div>
-                        <div class="form-row">
-                            <div class="form-group">
-                                <label for="editRole">Role</label>
-                                <select id="editRole" name="role">
-                                    <option value="user">User</option>
-                                    <option value="admin">Admin</option>
-                                </select>
-                            </div>
-                            <div class="form-group">
-                                <label for="editTokens">Tokens</label>
-                                <input type="number" id="editTokens" name="tokens" min="0" required>
-                            </div>
-                        </div>
-                        <div class="form-group">
-                            <label for="editPassword">New Password (leave empty to keep current)</label>
-                            <input type="password" id="editPassword" name="password">
-                        </div>
-                    </div>
-                    <div class="modal-footer">
-                        <button type="button" onclick="closeEditModal()" class="btn" style="background: #6b7280;">Cancel</button>
-                        <button type="submit" class="btn">Update User</button>
-                    </div>
-                </form>
-            </div>
         </div>
-    </div>
 
     <!-- Edit User Modal -->
     <div id="editUserModal" class="modal">