diff --git a/dental-server/public/app.js b/dental-server/public/app.js
index 467d31a..bddd393 100644
--- a/dental-server/public/app.js
+++ b/dental-server/public/app.js
@@ -1128,7 +1128,7 @@ window.resetImageToOriginal = resetImageToOriginal;
 
 function openSettingsModal() {
     const modal = document.getElementById('settingsModal');
-    if (modal) modal.style.display = 'block';
+    if (modal) modal.classList.add('active');
     
     // Limpar form e carregar valores atuais
     document.getElementById('currentPassword').value = '';
@@ -1139,7 +1139,7 @@ function openSettingsModal() {
 
 function closeSettingsModal() {
     const modal = document.getElementById('settingsModal');
-    if (modal) modal.style.display = 'none';
+    if (modal) modal.classList.remove('active');
 }
 
 async function updateCredentials(event) {
@@ -1217,7 +1217,7 @@ window.updateCredentials = updateCredentials;
 
 function openUserManagementModal() {
     const modal = document.getElementById('userManagementModal');
-    if (modal) modal.style.display = 'block';
+    if (modal) modal.classList.add('active');
     
     // Limpar formulário de criação
     document.getElementById('new_username').value = '';
@@ -1231,7 +1231,7 @@ function openUserManagementModal() {
 
 function closeUserManagementModal() {
     const modal = document.getElementById('userManagementModal');
-    if (modal) modal.style.display = 'none';
+    if (modal) modal.classList.remove('active');
 }
 
 async function loadUsersList() {
@@ -1370,7 +1370,7 @@ window.deleteUser = deleteUser;
 
 function openPluginsModal() {
     const modal = document.getElementById('pluginsModal');
-    if (modal) modal.style.display = 'block';
+    if (modal) modal.classList.add('active');
     
     // Limpar campos
     document.getElementById('wasabiAccessKey').value = '';
@@ -1388,7 +1388,7 @@ function openPluginsModal() {
 
 function closePluginsModal() {
     const modal = document.getElementById('pluginsModal');
-    if (modal) modal.style.display = 'none';
+    if (modal) modal.classList.remove('active');
 }
 
 async function loadPluginsConfig() {