diff --git a/dental-server/Dockerfile b/dental-server/Dockerfile
index f2456f5..e0681f3 100644
--- a/dental-server/Dockerfile
+++ b/dental-server/Dockerfile
@@ -1,4 +1,4 @@
-FROM node:18-alpine
+FROM node:22-alpine
 
 WORKDIR /app
 
diff --git a/dental-server/app.js b/dental-server/app.js
new file mode 100644
index 0000000..9218c65
--- /dev/null
+++ b/dental-server/app.js
@@ -0,0 +1,1753 @@
+// ================================================================
+// DENTAL IMAGE MANAGER - Main JavaScript
+// Two-Level Navigation: Patients → Images → Transform
+// ================================================================
+
+const API_URL = '/api';
+
+// ================================================================
+// ERROR LOGGER — Logs to console AND shows on screen
+// ================================================================
+const _log = {
+    info:  (tag, ...args) => console.log(`%c[${tag}]`, 'color:#667eea;font-weight:bold', ...args),
+    warn:  (tag, ...args) => console.warn(`%c[${tag}]`, 'color:#ffa500;font-weight:bold', ...args),
+    error: (tag, ...args) => console.error(`%c[${tag}]`, 'color:#ff4444;font-weight:bold', ...args),
+    group: (tag)          => console.group(`%c[${tag}]`, 'color:#667eea;font-weight:bold'),
+    end:   ()             => console.groupEnd()
+};
+
+function showErrorBanner(msg, detail = '') {
+    let banner = document.getElementById('_errBanner');
+    if (!banner) {
+        banner = document.createElement('div');
+        banner.id = '_errBanner';
+        banner.style.cssText = [
+            'position:fixed','bottom:70px','left:50%','transform:translateX(-50%)',
+            'background:#c0392b','color:#fff','padding:12px 20px','border-radius:8px',
+            'z-index:9999','font-size:13px','max-width:90vw','text-align:center',
+            'box-shadow:0 4px 20px rgba(0,0,0,0.3)','cursor:pointer'
+        ].join(';');
+        banner.onclick = () => banner.remove();
+        document.body.appendChild(banner);
+    }
+    banner.innerHTML = `<b>⚠️ ${msg}</b>${detail ? `<br><small>${detail}</small>` : ''}`;
+    setTimeout(() => banner && banner.remove(), 8000);
+}
+
+function getAuthToken() {
+    return localStorage.getItem('auth_token');
+}
+
+let authVerificationInProgress = false;
+
+async function verifyAuth() {
+    if (authVerificationInProgress) return false;
+    const token = getAuthToken();
+    if (!token) { window.location.href = '/login'; return false; }
+    authVerificationInProgress = true;
+    try {
+        const response = await fetch(`${API_URL}/auth/verify`, {
+            headers: { 'Authorization': `Bearer ${token}` }
+        });
+        if (!response.ok) { localStorage.removeItem('auth_token'); window.location.href = '/login'; return false; }
+        const data = await response.json();
+        authVerificationInProgress = false;
+        if (data.valid) return true;
+        localStorage.removeItem('auth_token'); window.location.href = '/login'; return false;
+    } catch {
+        localStorage.removeItem('auth_token');
+        authVerificationInProgress = false;
+        window.location.href = '/login'; return false;
+    }
+}
+
+async function fetchWithAuth(url, options = {}) {
+    const token = getAuthToken();
+    _log.info('FETCH', `${options.method || 'GET'} ${url}`);
+    const t0 = Date.now();
+    try {
+        const res = await fetch(url, {
+            ...options,
+            headers: { ...options.headers, 'Authorization': `Bearer ${token}` }
+        });
+        const ms = Date.now() - t0;
+        if (!res.ok) {
+            _log.warn('FETCH', `${options.method || 'GET'} ${url} → ${res.status} (${ms}ms)`);
+        } else {
+            _log.info('FETCH', `${options.method || 'GET'} ${url} → ${res.status} OK (${ms}ms)`);
+        }
+        return res;
+    } catch (err) {
+        const ms = Date.now() - t0;
+        _log.error('FETCH', `${options.method || 'GET'} ${url} → FALHOU após ${ms}ms`, err.message);
+        throw err;
+    }
+}
+
+// ================================================================
+// STATE
+// ================================================================
+
+let socket = null;
+let view = 'patients'; // 'patients' | 'patient-images'
+let patients = [];
+let patientImages = [];
+let selectedPatient = null;   // { patient_name, first_name, last_name, ... }
+let selectedImageId = null;
+let clientsList = [];
+let selectedClient = '';
+let showDisabled = false;
+let currentTransformations = [];
+let fineTuneAngle = 0;
+
+// ================================================================
+// DOM REFS
+// ================================================================
+
+const searchInput        = document.getElementById('searchInput');
+const clientFilter       = document.getElementById('clientFilter');
+const toggleDisabledBtn  = document.getElementById('toggleDisabledBtn');
+const toggleText         = document.getElementById('toggleText');
+const imagesGrid         = document.getElementById('imagesGrid');
+const loadingState       = document.getElementById('loadingState');
+const emptyState         = document.getElementById('emptyState');
+const transformModal     = document.getElementById('transformModal');
+const backBtn            = document.getElementById('backBtn');
+const patientHeader      = document.getElementById('patientHeader');
+const patientTitle       = document.getElementById('patientTitle');
+const patientMeta        = document.getElementById('patientMeta');
+
+// ================================================================
+// INIT
+// ================================================================
+
+document.addEventListener('DOMContentLoaded', async () => {
+    _log.info('INIT', 'DOMContentLoaded — iniciando aplicação');
+    try {
+        const ok = await verifyAuth();
+        if (!ok) { _log.warn('AUTH', 'Verificação de auth falhou, redirecionando...'); return; }
+        _log.info('AUTH', 'Autenticação OK');
+
+        const token = getAuthToken();
+        if (token) {
+            _log.info('SOCKET', 'Conectando Socket.IO...');
+            socket = io({ auth: { token } });
+            const debouncedReload = debounce(() => {
+                if (view === 'patients') loadPatients();
+                else loadPatientImages(selectedPatient.patient_name);
+            }, 1200);
+            socket.on('new-image', () => {
+                _log.info('SOCKET', 'Nova imagem recebida via socket');
+                showToast('Nova imagem recebida!', 'info');
+                debouncedReload();
+            });
+            socket.on('clients-list-updated', () => loadClientsList());
+            socket.on('connect', () => _log.info('SOCKET', '✅ Socket.IO conectado, ID:', socket.id));
+            socket.on('disconnect', (r) => _log.warn('SOCKET', '❌ Socket.IO desconectado. Motivo:', r));
+            socket.on('connect_error', (e) => _log.error('SOCKET', 'Erro de conexão:', e.message));
+        }
+
+        await loadClientsList();
+        loadPatients();
+        setupEventListeners();
+        initDragAndDrop();
+        setInterval(loadClientsList, 5000);
+    } catch (error) {
+        _log.error('INIT', 'Erro fatal na inicialização:', error.message, error);
+        showErrorBanner('Erro na inicialização', error.message);
+        localStorage.removeItem('auth_token');
+        window.location.replace('/login');
+    }
+});
+
+// ================================================================
+// EVENT LISTENERS
+// ================================================================
+
+function setupEventListeners() {
+    searchInput.addEventListener('input', debounce(() => {
+        if (view === 'patients') loadPatients();
+        else loadPatientImages(selectedPatient.patient_name);
+    }, 400));
+
+    clientFilter.addEventListener('change', e => {
+        selectedClient = e.target.value;
+        if (view === 'patients') loadPatients();
+    });
+
+    toggleDisabledBtn.addEventListener('click', () => {
+        showDisabled = !showDisabled;
+        toggleText.textContent = showDisabled ? 'Ver Ativas' : 'Ver Ocultas';
+        if (view === 'patients') loadPatients();
+        else loadPatientImages(selectedPatient.patient_name);
+    });
+
+    backBtn.addEventListener('click', () => showPatientsView());
+
+    // Transform modal close on backdrop
+    transformModal.addEventListener('click', e => {
+        if (e.target === transformModal) transformModal.classList.remove('active');
+    });
+    document.getElementById('closeTransformModal').addEventListener('click', () => {
+        transformModal.classList.remove('active');
+    });
+}
+
+// ================================================================
+// CLIENTS LIST
+// ================================================================
+
+async function loadClientsList() {
+    try {
+        const r = await fetch('/api/socket/status');
+        const data = await r.json();
+        clientsList = (data.identified || []).map(c => ({
+            ...c, name: c.name || 'Unknown', displayName: c.name || 'Unknown',
+            dbName: c.name || 'Unknown', status: 'identified'
+        }));
+
+        const imagesRes = await fetchWithAuth('/api/images/patients?disabled=false&search=');
+        if (imagesRes.ok) {
+            const pts = await imagesRes.json();
+            const uniqueClients = [...new Set(pts.map(p => p.client_name).filter(Boolean))];
+            uniqueClients.forEach(cn => {
+                if (!clientsList.find(c => c.dbName === cn || c.name === cn)) {
+                    clientsList.push({ name: cn, displayName: cn, dbName: cn, type: 'historic', socketId: null, status: 'historic' });
+                }
+            });
+        }
+        updateClientsDropdown();
+    } catch (e) { console.error('Erro ao carregar clientes:', e); }
+}
+
+function updateClientsDropdown() {
+    const current = clientFilter.value;
+    clientFilter.innerHTML = '<option value="">📋 Todos os Clientes</option>';
+    const sorted = [...clientsList].sort((a, b) => {
+        const o = { identified: 1, connected: 2, historic: 3 };
+        return (o[a.status] || 99) - (o[b.status] || 99);
+    });
+    sorted.forEach(c => {
+        const opt = document.createElement('option');
+        opt.value = c.name;
+        let lbl = c.name;
+        if (c.name === 'Upload Web') {
+            lbl = 'Upload Web 💻 (Imagens do Painel)';
+        } else {
+            if (c.status === 'identified') lbl += ' ✅';
+            else if (c.status === 'historic') lbl += ' 📚';
+        }
+        opt.textContent = lbl;
+        clientFilter.appendChild(opt);
+    });
+    clientFilter.value = current || selectedClient;
+}
+
+// ================================================================
+// VIEW: PATIENTS LIST
+// ================================================================
+
+function showPatientsView() {
+    view = 'patients';
+    selectedPatient = null;
+    backBtn.style.display = 'none';
+    patientHeader.style.display = 'none';
+    loadPatients();
+}
+
+async function loadPatients(silent = false) {
+    _log.group('LOAD_PATIENTS');
+    _log.info('LOAD_PATIENTS', `Iniciando carga. silent=${silent}, showDisabled=${showDisabled}, client="${selectedClient}"`);
+
+    if (!silent) {
+        loadingState.style.display = 'block';
+        imagesGrid.style.display = 'none';
+        emptyState.style.display = 'none';
+    }
+
+    try {
+        const search = searchInput.value.trim();
+        const clientParam = selectedClient ? `&client=${encodeURIComponent(selectedClient)}` : '';
+        const url = `/api/images/patients?disabled=${showDisabled}&search=${encodeURIComponent(search)}${clientParam}`;
+
+        const res = await fetchWithAuth(url);
+
+        if (!res.ok) {
+            let errBody = '';
+            try { errBody = await res.text(); } catch (_) {}
+            _log.error('LOAD_PATIENTS', `HTTP ${res.status} — body:`, errBody);
+            if (res.status === 401 || res.status === 403) {
+                _log.warn('AUTH', 'Token inválido/expirado, redirecionando para login');
+                localStorage.removeItem('auth_token');
+                window.location.href = '/login';
+                return;
+            }
+            throw new Error(`HTTP ${res.status}: ${errBody || 'Erro ao carregar pacientes'}`);
+        }
+
+        patients = await res.json();
+        _log.info('LOAD_PATIENTS', `✅ ${patients.length} paciente(s) recebido(s)`);
+        if (patients.length > 0) {
+            _log.info('LOAD_PATIENTS', 'Primeiro paciente:', {
+                name: patients[0].patient_name,
+                thumb: patients[0].thumb_filename,
+                count: patients[0].image_count
+            });
+        }
+
+        loadingState.style.display = 'none';
+
+        if (patients.length === 0) {
+            _log.warn('LOAD_PATIENTS', 'Nenhum paciente encontrado — exibindo empty state');
+            emptyState.style.display = 'block';
+            imagesGrid.style.display = 'none';
+        } else {
+            emptyState.style.display = 'none';
+            imagesGrid.style.display = 'grid';
+            _log.info('LOAD_PATIENTS', `imagesGrid display=${imagesGrid.style.display}`);
+            renderPatientCards();
+        }
+    } catch (e) {
+        _log.error('LOAD_PATIENTS', '❌ Exceção:', e.message, e);
+        loadingState.style.display = 'none';
+        emptyState.style.display = 'block';
+        showErrorBanner('Erro ao carregar pacientes', e.message);
+        showToast('Erro ao carregar pacientes', 'error');
+    } finally {
+        _log.end();
+    }
+}
+
+function renderPatientCards() {
+    _log.group('RENDER_CARDS');
+    _log.info('RENDER_CARDS', `Renderizando ${patients.length} card(s)...`);
+
+    // Inspecionar o grid antes de renderizar
+    const gridStyle = window.getComputedStyle(imagesGrid);
+    _log.info('RENDER_CARDS', 'imagesGrid computed style:', {
+        display: gridStyle.display,
+        gridTemplateColumns: gridStyle.gridTemplateColumns,
+        width: gridStyle.width,
+        height: gridStyle.height,
+        overflow: gridStyle.overflow
+    });
+
+    imagesGrid.innerHTML = patients.map((p, index) => {
+        const fullName = p.patient_name || 'Sem nome';
+        const thumb    = p.thumb_filename ? `/uploads/${p.thumb_filename}` : '';
+        const count    = p.image_count || 0;
+        const date     = formatDate(p.last_date);
+        const doctor   = p.doctor  || '—';
+        const remark   = p.remark  || '—';
+
+        if (index === 0) {
+            _log.info('RENDER_CARDS', 'Card #0 dados:', { fullName, thumb, count, date, doctor });
+        }
+
+        return `
+        <div class="image-card patient-card" onclick="openPatientByIndex(${index})">
+            <div class="image-preview" style="${thumb ? `background-image: url('${thumb}'); background-size: cover; background-position: center;` : 'background: linear-gradient(135deg,#667eea22,#764ba222);'}">
+                <button type="button" class="delete-patient-btn" onclick="event.stopPropagation(); deletePatientImages('${escapeHtml(fullName)}')" title="Excluir todas as imagens de ${escapeHtml(fullName)}">🗑️</button>
+                <div class="patient-count-badge">${count} imagem${count !== 1 ? 'ns' : ''}</div>
+            </div>
+            <div class="image-info">
+                <div class="image-patient-name" title="${escapeHtml(fullName)}">${escapeHtml(fullName)}</div>
+                <div class="image-meta"><span>📅 ${date}</span></div>
+                <div class="image-doctor-remark">
+                    <div title="${escapeHtml(doctor)}">🩺 <b>Dentista:</b> ${escapeHtml(doctor)}</div>
+                    <div title="${escapeHtml(remark)}">📝 <b>Obs:</b> ${escapeHtml(remark)}</div>
+                </div>
+            </div>
+        </div>`;
+    }).join('');
+
+    // Inspecionar o primeiro card renderizado
+    requestAnimationFrame(() => {
+        const firstCard = imagesGrid.querySelector('.image-card');
+        if (firstCard) {
+            const cs = window.getComputedStyle(firstCard);
+            const preview = firstCard.querySelector('.image-preview');
+            const pcs = preview ? window.getComputedStyle(preview) : null;
+            _log.info('RENDER_CARDS', 'Primeiro card computado:', {
+                cardW: cs.width, cardH: cs.height,
+                previewH: pcs ? pcs.height : 'n/a',
+                previewBg: pcs ? pcs.backgroundImage.substring(0, 60) : 'n/a'
+              });
+        } else {
+            _log.error('RENDER_CARDS', '❌ Nenhum card encontrado no DOM após render!');
+        }
+        _log.info('RENDER_CARDS', `Total de cards no DOM: ${imagesGrid.querySelectorAll('.image-card').length}`);
+        _log.end();
+    });
+}
+
+// Exclui todas as imagens de um determinado paciente (S3 e Local)
+async function deletePatientImages(patientName) {
+    if (!patientName) return;
+    
+    // TODO(security): Usando confirm() para manter coerência com o restante das confirmações do painel do projeto
+    const ok = confirm(`⚠️ ATENÇÃO: Tem certeza que deseja excluir permanentemente todas as imagens do paciente "${patientName}"?\n\nEsta ação apagará os arquivos locais, do Wasabi S3 e do banco de dados, e NÃO poderá ser desfeita.`);
+    if (!ok) return;
+    
+    showToast('Excluindo imagens do paciente...', 'info');
+    
+    try {
+        const res = await fetchWithAuth(`/api/images/by-patient?name=${encodeURIComponent(patientName)}`, {
+            method: 'DELETE'
+        });
+        
+        if (!res.ok) {
+            const err = await res.json();
+            throw new Error(err.error || 'Erro ao excluir imagens do paciente.');
+        }
+        
+        showToast('✅ Todas as imagens do paciente foram excluídas!', 'success');
+        
+        // Atualizar listagens
+        await loadPatients();
+        await loadClientsList();
+        
+    } catch (e) {
+        console.error('Erro na exclusão do paciente:', e);
+        showToast(`Falha ao excluir imagens: ${e.message}`, 'error');
+    }
+}
+
+// ================================================================
+// VIEW: PATIENT IMAGES
+// ================================================================
+
+function openPatient(patient) {
+    selectedPatient = patient;
+    view = 'patient-images';
+    backBtn.style.display = 'inline-flex';
+    patientHeader.style.display = 'block';
+
+    const fullName = patient.patient_name || 'Sem nome';
+    patientTitle.textContent = fullName;
+    patientMeta.textContent  = `${patient.image_count || 0} imagem(ns) · ${patient.doctor || '—'}`;
+
+    loadPatientImages(patient.patient_name);
+}
+
+async function loadPatientImages(patientName) {
+    _log.group('LOAD_IMAGES');
+    _log.info('LOAD_IMAGES', `Carregando imagens de: "${patientName}"`);
+
+    loadingState.style.display = 'block';
+    imagesGrid.style.display = 'none';
+    emptyState.style.display = 'none';
+
+    try {
+        const url = `/api/images/by-patient?name=${encodeURIComponent(patientName)}&disabled=${showDisabled}`;
+        const res = await fetchWithAuth(url);
+
+        if (!res.ok) {
+            let errBody = '';
+            try { errBody = await res.text(); } catch (_) {}
+            _log.error('LOAD_IMAGES', `HTTP ${res.status}:`, errBody);
+            throw new Error(`HTTP ${res.status}: ${errBody}`);
+        }
+
+        patientImages = await res.json();
+        _log.info('LOAD_IMAGES', `✅ ${patientImages.length} imagem(ns) recebida(s)`);
+        loadingState.style.display = 'none';
+
+        if (patientImages.length === 0) {
+            _log.warn('LOAD_IMAGES', 'Nenhuma imagem encontrada');
+            emptyState.style.display = 'block';
+            imagesGrid.style.display = 'none';
+        } else {
+            emptyState.style.display = 'none';
+            imagesGrid.style.display = 'grid';
+            renderPatientImages();
+        }
+    } catch (e) {
+        _log.error('LOAD_IMAGES', '❌ Exceção:', e.message, e);
+        loadingState.style.display = 'none';
+        emptyState.style.display = 'block';
+        showErrorBanner('Erro ao carregar imagens', e.message);
+        showToast('Erro ao carregar imagens', 'error');
+    } finally {
+        _log.end();
+    }
+}
+
+function renderPatientImages() {
+    imagesGrid.innerHTML = patientImages.map(image => {
+        const thumbUrl = image.thumb_filename ? `/uploads/${image.thumb_filename}` : `/uploads/${image.filename}`;
+        return `
+        <div class="image-card ${!image.enabled ? 'disabled' : ''}" data-id="${image.id}" onclick="handleImageClick(${image.id})">
+            <div class="image-preview" style="background-image: url('${thumbUrl}'); background-size: cover; background-position: center;"></div>
+            <div class="image-info">
+                <div class="image-meta"><span>📅 ${formatDate(image.created_at)}</span></div>
+                <div class="image-guid">${escapeHtml(image.image_guid || image.filename)}</div>
+                <div class="image-actions">
+                    <button class="btn btn-primary btn-small" style="flex:1" onclick="handleImageClick(${image.id}); event.stopPropagation();">
+                        🔄 Orientar
+                    </button>
+                    <button class="btn btn-small" style="flex:1; background:${image.enabled ? 'rgba(255,107,107,0.12)' : 'rgba(81,207,102,0.12)'}; color:${image.enabled ? '#c0392b' : '#27ae60'}; border:1px solid ${image.enabled ? 'rgba(255,107,107,0.3)' : 'rgba(81,207,102,0.3)'};" onclick="toggleImageEnabled(${image.id}); event.stopPropagation();">
+                        ${image.enabled ? '🚫' : '✅'}
+                    </button>
+                </div>
+            </div>
+            ${!image.enabled ? '<div class="image-badge">Desabilitada</div>' : ''}
+        </div>`;
+    }).join('');
+}
+
+// ================================================================
+// IMAGE CLICK → TRANSFORM MODAL
+// ================================================================
+
+async function handleImageClick(imageId) {
+    selectedImageId = imageId;
+    await showTransformModal(imageId);
+}
+
+async function showTransformModal(imageId) {
+    transformModal.classList.add('active');
+    
+    // Default view is 'transform'
+    toggleModalView('transform');
+
+    // Find image to show details
+    const image = patientImages.find(img => img.id === imageId);
+    
+    // Check if the image has been modified (has original_image_id)
+    const btnResetImage = document.getElementById('btnResetImage');
+    if (image && image.original_image_id) {
+        btnResetImage.style.display = 'flex';
+        btnResetImage.setAttribute('data-modified', 'true');
+    } else {
+        btnResetImage.style.display = 'none';
+        btnResetImage.setAttribute('data-modified', 'false');
+    }
+
+    if (image) {
+        document.getElementById('transformModalTitle').innerText = `${escapeHtml(image.patient_name || 'Desconhecido')} - ${formatDate(image.created_at)}`;
+        
+        document.getElementById('transformExtraInfo').innerHTML = `
+            <div style="margin-bottom: 5px;"><strong>👨‍⚕️ Dentista:</strong> ${escapeHtml(image.doctor || 'Não informado')}</div>
+            <div><strong>📝 Obs:</strong> ${escapeHtml(image.remark || 'Nenhuma observação')}</div>
+        `;
+        document.getElementById('transformExtraInfo').style.display = 'none'; // Keep hidden by default
+        
+        loadGtosForPatient(image.patient_name);
+    } else {
+        document.getElementById('transformModalTitle').innerText = `Opções da Imagem`;
+        document.getElementById('transformExtraInfo').innerHTML = '';
+        document.getElementById('transformExtraInfo').style.display = 'none';
+    }
+
+    document.getElementById('transformOptions').innerHTML = `
+        <div style="grid-column:1/-1; text-align:center; padding:40px 0; color:#888;">
+            <div class="spinner" style="margin:0 auto 16px;"></div>
+            <p>Gerando variações...</p>
+        </div>`;
+
+    try {
+        const image = patientImages.find(img => img.id === imageId);
+        if (!image) {
+            throw new Error('Imagem não encontrada localmente');
+        }
+
+        // Se existir thumb_filename, usar ele; caso contrário, fallback para a imagem cheia
+        const imageUrl = image.thumb_filename ? `/uploads/${image.thumb_filename}` : `/uploads/${image.filename}`;
+
+        const transformations = [
+            { name: 'Original', rotation: 0, flipH: false, flipV: false, css: 'transform: none;' },
+            { name: 'Flip Horizontal', rotation: 0, flipH: true, flipV: false, css: 'transform: scaleX(-1);' },
+            { name: 'Flip Vertical', rotation: 0, flipH: false, flipV: true, css: 'transform: scaleY(-1);' },
+            { name: 'Rotação +90°', rotation: 90, flipH: false, flipV: false, css: 'transform: rotate(90deg);' },
+            { name: 'Rotação -90°', rotation: -90, flipH: false, flipV: false, css: 'transform: rotate(-90deg);' }
+        ];
+
+        currentTransformations = transformations;
+
+        const container = document.getElementById('transformOptions');
+        container.innerHTML = transformations.map((t, i) => `
+            <div class="transform-option" data-index="${i}" onclick="selectTransform(${i})">
+                <img src="${imageUrl}" alt="${escapeHtml(t.name)}" style="${t.css}" loading="lazy">
+                <div class="transform-name">${escapeHtml(t.name)}</div>
+            </div>
+        `).join('');
+
+        // ---------------------------------------------------------------
+        // Detectar orientação da imagem original → aplicar layout correto
+        // ---------------------------------------------------------------
+        const probe = new Image();
+        probe.onload = () => {
+            const orientation = probe.naturalWidth >= probe.naturalHeight ? 'landscape' : 'portrait';
+            container.classList.remove('grid-landscape', 'grid-portrait');
+            container.classList.add(`grid-${orientation}`);
+            _log.info('TRANSFORM', `Orientação detectada: ${orientation} (${probe.naturalWidth}×${probe.naturalHeight})`);
+        };
+        probe.onerror = () => {
+            _log.warn('TRANSFORM', 'Não foi possível detectar orientação — usando fallback');
+        };
+        probe.src = imageUrl;
+
+    } catch (e) {
+        _log.error('TRANSFORM', '❌ Exceção:', e.message, e);
+        showToast('Erro ao carregar variações', 'error');
+        transformModal.classList.remove('active');
+    }
+}
+
+
+function selectTransform(index) {
+    const el = document.querySelector(`.transform-option[data-index="${index}"]`);
+    if (el.classList.contains('selected')) {
+        // If clicking the already selected one, clear selection
+        clearTransformSelection();
+        return;
+    }
+
+    const container = document.getElementById('transformOptions');
+    container.classList.add('selection-mode');
+
+    document.querySelectorAll('.transform-option').forEach(option => {
+        option.classList.remove('selected');
+        const optIndex = parseInt(option.getAttribute('data-index'));
+        if (optIndex === 0 || optIndex === index) {
+            option.style.display = 'block';
+        } else {
+            option.style.display = 'none';
+        }
+    });
+
+    el.classList.add('selected');
+    
+    // Reset fine tune angle when selecting a new transform
+    fineTuneAngle = 0;
+    updateFineTuneDisplay();
+
+    // Show action area
+    document.getElementById('transformActionArea').style.display = 'block';
+    
+    // Pre-fill remark if we have an image
+    const image = patientImages.find(img => img.id === selectedImageId);
+    if (image && !document.getElementById('newImageRemark').value) {
+        document.getElementById('newImageRemark').value = image.remark || '';
+    }
+}
+
+function clearTransformSelection() {
+    const container = document.getElementById('transformOptions');
+    container.classList.remove('selection-mode');
+    
+    // Restore original transform styles on all images
+    document.querySelectorAll('.transform-option').forEach(option => {
+        option.classList.remove('selected');
+        option.style.display = 'block';
+        
+        const optIndex = parseInt(option.getAttribute('data-index'));
+        const transform = currentTransformations[optIndex];
+        const imgEl = option.querySelector('img');
+        if (imgEl && transform) {
+            imgEl.style.transform = transform.css;
+        }
+        const nameEl = option.querySelector('.transform-name');
+        if (nameEl && transform) {
+            nameEl.innerText = transform.name;
+        }
+    });
+    
+    fineTuneAngle = 0;
+    updateFineTuneDisplay();
+    
+    document.getElementById('transformActionArea').style.display = 'none';
+    document.getElementById('newImageRemark').value = '';
+}
+
+async function saveSelectedTransform() {
+    const selectedEl = document.querySelector('.transform-option.selected');
+    if (!selectedEl) {
+        showToast('Selecione uma orientação primeiro.', 'error');
+        return;
+    }
+
+    const index = parseInt(selectedEl.getAttribute('data-index'));
+    const transform = currentTransformations[index];
+    const remark = document.getElementById('newImageRemark').value.trim();
+
+    const btn = document.getElementById('btnSaveTransform');
+    const originalText = btn.innerText;
+    btn.innerText = 'Salvando...';
+    btn.disabled = true;
+
+    try {
+        const payload = {
+            rotation: transform.rotation + fineTuneAngle,
+            flipH: transform.flipH,
+            flipV: transform.flipV,
+            remark: remark
+        };
+
+        const res = await fetchWithAuth(`/api/images/${selectedImageId}/transform`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(payload)
+        });
+        if (!res.ok) throw new Error('Erro ao salvar');
+
+        transformModal.classList.remove('active');
+        showToast('Orientação salva!', 'success');
+        if (selectedPatient) loadPatientImages(selectedPatient.patient_name);
+    } catch (e) {
+        console.error(e);
+        showToast('Erro ao salvar orientação', 'error');
+    }
+}
+
+function adjustFineTune(offset) {
+    const selectedEl = document.querySelector('.transform-option.selected');
+    if (!selectedEl) return;
+
+    const index = parseInt(selectedEl.getAttribute('data-index'));
+    const transform = currentTransformations[index];
+    
+    fineTuneAngle += offset;
+    updateFineTuneDisplay();
+
+    // Update the image style using the combined transform
+    const imgEl = selectedEl.querySelector('img');
+    if (imgEl) {
+        let totalRotation = transform.rotation + fineTuneAngle;
+        let transformStr = `rotate(${totalRotation}deg)`;
+        if (transform.flipH) transformStr += ` scaleX(-1)`;
+        if (transform.flipV) transformStr += ` scaleY(-1)`;
+        imgEl.style.transform = transformStr;
+    }
+
+    // Update display name inside the card
+    const nameEl = selectedEl.querySelector('.transform-name');
+    if (nameEl) {
+        nameEl.innerText = `${transform.name} (${fineTuneAngle > 0 ? '+' : ''}${fineTuneAngle}°)`;
+    }
+}
+
+function resetFineTune() {
+    adjustFineTune(-fineTuneAngle);
+}
+
+function updateFineTuneDisplay() {
+    const displayEl = document.getElementById('fineTuneValDisplay');
+    if (displayEl) {
+        displayEl.textContent = `${fineTuneAngle > 0 ? '+' : ''}${fineTuneAngle}°`;
+    }
+    
+    const resetEl = document.getElementById('btnResetFineTune');
+    if (resetEl) {
+        resetEl.style.display = fineTuneAngle !== 0 ? 'inline-block' : 'none';
+    }
+}
+
+async function toggleImageEnabled(imageId) {
+    try {
+        const res = await fetchWithAuth(`/api/images/${imageId}/toggle-enabled`, { method: 'PUT' });
+        if (!res.ok) throw new Error();
+        const result = await res.json();
+        showToast(result.enabled ? 'Imagem habilitada!' : 'Imagem desabilitada!', 'success');
+        if (selectedPatient) loadPatientImages(selectedPatient.patient_name);
+    } catch {
+        showToast('Erro ao alterar status', 'error');
+    }
+}
+
+// ================================================================
+// UTILITY FUNCTIONS
+// ================================================================
+
+function escapeHtml(text) {
+    if (!text) return '';
+    const d = document.createElement('div');
+    d.textContent = text;
+    return d.innerHTML;
+}
+
+function formatDate(dateString) {
+    if (!dateString) return '—';
+    const date = new Date(dateString);
+    return date.toLocaleString('pt-BR', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' });
+}
+
+function debounce(func, wait) {
+    let timeout;
+    return function (...args) {
+        clearTimeout(timeout);
+        timeout = setTimeout(() => func(...args), wait);
+    };
+}
+
+function showToast(message, type = 'info') {
+    const toast = document.getElementById('toast');
+    toast.textContent = message;
+    toast.className = `toast show ${type}`;
+    setTimeout(() => toast.classList.remove('show'), 3000);
+}
+
+function openPatientByIndex(index) {
+    if (patients[index]) {
+        openPatient(patients[index]);
+    }
+}
+
+window.openPatient        = openPatient;
+window.openPatientByIndex = openPatientByIndex;
+window.handleImageClick   = handleImageClick;
+window.selectTransform    = selectTransform;
+window.toggleImageEnabled = toggleImageEnabled;
+
+// ================================================================
+// PATIENT CREATION (DENTAL SENSOR)
+// ================================================================
+
+function openCreatePatientModal() {
+    document.getElementById('create-patient-modal').classList.add('active');
+}
+
+function closeCreatePatientModal() {
+    document.getElementById('create-patient-modal').classList.remove('active');
+    document.getElementById('create-patient-form').reset();
+}
+
+async function submitCreatePatient(event) {
+    event.preventDefault();
+    
+    const submitBtn = event.target.querySelector('button[type="submit"]');
+    const originalText = submitBtn.textContent;
+    submitBtn.textContent = 'Salvando...';
+    submitBtn.disabled = true;
+
+    const payload = {
+        firstName: document.getElementById('patient-first-name').value.trim(),
+        lastName: document.getElementById('patient-last-name').value.trim(),
+        doctor: document.getElementById('patient-doctor').value.trim(),
+        birthday: document.getElementById('patient-birthday').value || null,
+        gender: document.getElementById('patient-gender').value,
+        phone: document.getElementById('patient-phone').value.trim(),
+        remark: document.getElementById('patient-remark').value.trim()
+    };
+
+    try {
+        const response = await fetchWithAuth(`${API_URL}/patients`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(payload)
+        });
+
+        if (response.ok) {
+            showToast('Paciente criado com sucesso no Dental Sensor!', 'success');
+            closeCreatePatientModal();
+        } else {
+            const err = await response.json();
+            alert('Erro ao criar paciente: ' + (err.error || 'Desconhecido'));
+        }
+    } catch (err) {
+        console.error(err);
+        alert('Erro ao conectar com o servidor para criar paciente.');
+    } finally {
+        submitBtn.textContent = originalText;
+        submitBtn.disabled = false;
+    }
+}
+
+// ================================================================
+// GTO LOGIC
+// ================================================================
+
+function toggleModalView(view) {
+    const transformViewWrapper = document.getElementById('transformViewWrapper');
+    const gtoView = document.getElementById('gtoView');
+    const btnShowTransform = document.getElementById('btnShowTransform');
+    const btnShowGto = document.getElementById('btnShowGto');
+    const btnResetImage = document.getElementById('btnResetImage');
+
+    if (view === 'transform') {
+        transformViewWrapper.style.display = 'flex';
+        gtoView.style.display = 'none';
+        btnShowTransform.className = 'btn btn-primary';
+        btnShowGto.className = 'btn btn-secondary';
+        
+        // Restore reset button visibility if image is modified
+        if (btnResetImage.getAttribute('data-modified') === 'true') {
+            btnResetImage.style.display = 'flex';
+        }
+    } else {
+        transformViewWrapper.style.display = 'none';
+        gtoView.style.display = 'block';
+        btnShowTransform.className = 'btn btn-secondary';
+        btnShowGto.className = 'btn btn-primary';
+        
+        // Hide reset button in GTO view
+        btnResetImage.style.display = 'none';
+    }
+}
+
+function toggleModalInfo() {
+    const infoDiv = document.getElementById('transformExtraInfo');
+    const btnShowInfo = document.getElementById('btnShowInfo');
+    if (infoDiv.style.display === 'none') {
+        infoDiv.style.display = 'block';
+        btnShowInfo.className = 'btn btn-primary';
+    } else {
+        infoDiv.style.display = 'none';
+        btnShowInfo.className = 'btn btn-secondary';
+    }
+}
+
+async function loadGtosForPatient(patientName) {
+    const container = document.getElementById('gtoListContainer');
+    container.innerHTML = '<div style="padding:20px; text-align:center; color:#888;">Carregando GTOs...</div>';
+    
+    try {
+        const res = await fetchWithAuth(`/api/gtos?patient=${encodeURIComponent(patientName)}`);
+        if (!res.ok) throw new Error('Erro ao carregar GTOs');
+        const gtos = await res.json();
+        
+        if (gtos.length === 0) {
+            container.innerHTML = '<div style="padding:20px; text-align:center; color:#888;">Nenhuma GTO cadastrada para este paciente.</div>';
+            return;
+        }
+
+        let html = '<ul style="list-style:none; padding:0; margin:0;">';
+        gtos.forEach((gto, idx) => {
+            const bg = idx % 2 === 0 ? '#fff' : '#f9f9f9';
+            html += `
+                <li style="display:flex; justify-content:space-between; align-items:center; padding:15px; background:${bg}; border-bottom:1px solid #eee;">
+                    <div>
+                        <div style="font-weight:600; font-size:1.05rem;">${escapeHtml(gto.gto_number)}</div>
+                        <div style="color:#666; font-size:0.9rem;">${escapeHtml(gto.description || 'Sem descrição')}</div>
+                        <div style="color:#999; font-size:0.8rem; margin-top:4px;">📅 ${formatDate(gto.created_at)}</div>
+                    </div>
+                    <div>
+                        <button class="btn btn-primary btn-small" onclick="linkImageToGto(${gto.id}, this)">✅ Vincular</button>
+                    </div>
+                </li>
+            `;
+        });
+        html += '</ul>';
+        container.innerHTML = html;
+        
+    } catch (e) {
+        console.error(e);
+        container.innerHTML = '<div style="padding:20px; text-align:center; color:red;">Erro ao carregar GTOs</div>';
+    }
+}
+
+async function inlineCreateGto() {
+    const numberInput = document.getElementById('inlineGtoNumber');
+    const descInput = document.getElementById('inlineGtoDesc');
+    
+    const number = numberInput.value.trim();
+    if (!number) {
+        showToast('O Número da GTO é obrigatório.', 'error');
+        return;
+    }
+
+    const image = patientImages.find(img => img.id === selectedImageId);
+    if (!image || !image.patient_name) {
+        showToast('Erro: Paciente não identificado.', 'error');
+        return;
+    }
+
+    const payload = {
+        gto_number: number,
+        description: descInput.value.trim(),
+        patient_name: image.patient_name
+    };
+
+    try {
+        const res = await fetchWithAuth('/api/gtos', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(payload)
+        });
+        
+        if (!res.ok) throw new Error('Erro ao criar GTO');
+        
+        showToast('GTO criada com sucesso!', 'success');
+        
+        // Limpar inputs
+        numberInput.value = '';
+        descInput.value = '';
+        
+        // Recarregar lista
+        await loadGtosForPatient(image.patient_name);
+        
+    } catch (e) {
+        console.error(e);
+        showToast('Erro ao criar GTO.', 'error');
+    }
+}
+
+async function linkImageToGto(gtoId, btnElement) {
+    if (!gtoId) return;
+    
+    const originalText = btnElement.innerText;
+    btnElement.innerText = 'Vinculando...';
+    btnElement.disabled = true;
+    
+    try {
+        const res = await fetchWithAuth(`/api/gtos/${gtoId}/images`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ image_id: selectedImageId })
+        });
+        
+        if (!res.ok) {
+            const err = await res.json();
+            throw new Error(err.error || 'Erro ao vincular');
+        }
+        
+        showToast('Imagem vinculada à GTO!', 'success');
+        btnElement.innerText = 'Vinculada!';
+        btnElement.classList.replace('btn-primary', 'btn-success');
+    } catch (e) {
+        console.error(e);
+        showToast(e.message, 'error');
+        btnElement.innerText = originalText;
+        btnElement.disabled = false;
+    }
+}
+
+async function resetImageToOriginal() {
+    if (!confirm('Tem certeza que deseja restaurar esta imagem para o estado original em que foi capturada pelo sensor? Rotações, espelhamentos e observações serão descartados.')) {
+        return;
+    }
+
+    const btn = document.getElementById('btnResetImage');
+    const originalContent = btn.innerHTML;
+    btn.innerHTML = '<div class="spinner" style="width: 16px; height: 16px; border-width: 2px; border-top-color: white;"></div>';
+    btn.disabled = true;
+
+    try {
+        const payload = {
+            rotation: 0,
+            flipH: false,
+            flipV: false,
+            remark: ''
+        };
+
+        const res = await fetchWithAuth(`/api/images/${selectedImageId}/transform`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(payload)
+        });
+
+        if (!res.ok) throw new Error('Erro ao resetar imagem');
+
+        showToast('Imagem restaurada para o original!', 'success');
+        
+        transformModal.classList.remove('active');
+        clearTransformSelection();
+
+        const patientName = patientImages.find(img => img.id === selectedImageId)?.patient_name;
+        await loadPatients();
+        if (patientName) {
+            await loadPatientImages(patientName);
+        }
+
+    } catch (e) {
+        console.error(e);
+        showToast('Erro ao restaurar a imagem.', 'error');
+    } finally {
+        btn.innerHTML = originalContent;
+        btn.disabled = false;
+    }
+}
+
+// Global scope exposures
+window.handleImageClick = handleImageClick;
+window.toggleImageEnabled = toggleImageEnabled;
+window.selectTransform = selectTransform;
+window.openCreatePatientModal = openCreatePatientModal;
+window.closeCreatePatientModal = closeCreatePatientModal;
+window.submitCreatePatient = submitCreatePatient;
+window.toggleModalView = toggleModalView;
+window.toggleModalInfo = toggleModalInfo;
+window.inlineCreateGto = inlineCreateGto;
+window.saveSelectedTransform = saveSelectedTransform;
+window.clearTransformSelection = clearTransformSelection;
+window.resetImageToOriginal = resetImageToOriginal;
+
+// ================================================================
+// CONFIGURAÇÕES (Trocar Usuário/Senha)
+// ================================================================
+
+function openSettingsModal() {
+    const modal = document.getElementById('settingsModal');
+    if (modal) modal.style.display = 'block';
+    
+    // Limpar form
+    document.getElementById('currentPassword').value = '';
+    document.getElementById('newUsername').value = '';
+    document.getElementById('newPassword').value = '';
+}
+
+function closeSettingsModal() {
+    const modal = document.getElementById('settingsModal');
+    if (modal) modal.style.display = 'none';
+}
+
+async function updateCredentials(event) {
+    event.preventDefault();
+    
+    const currentPassword = document.getElementById('currentPassword').value;
+    const newUsername = document.getElementById('newUsername').value.trim();
+    const newPassword = document.getElementById('newPassword').value;
+    
+    if (!currentPassword) {
+        showToast('A senha atual é obrigatória.', 'error');
+        return;
+    }
+    
+    if (!newUsername && !newPassword) {
+        showToast('Preencha um novo usuário ou nova senha.', 'error');
+        return;
+    }
+    
+    const btn = document.getElementById('btnSaveSettings');
+    const originalText = btn.innerHTML;
+    btn.innerHTML = '<span class="spinner" style="width:14px;height:14px;display:inline-block;"></span> Salvando...';
+    btn.disabled = true;
+    
+    try {
+        const token = getAuthToken();
+        const res = await fetch(`${API_URL}/auth/update-credentials`, {
+            method: 'PUT',
+            headers: { 
+                'Content-Type': 'application/json',
+                'Authorization': `Bearer ${token}`
+            },
+            body: JSON.stringify({ currentPassword, newUsername, newPassword })
+        });
+        
+        const data = await res.json();
+        
+        if (!res.ok) {
+            throw new Error(data.error || 'Erro ao atualizar credenciais.');
+        }
+        
+        // Sucesso
+        showToast('Credenciais atualizadas com sucesso!', 'success');
+        
+        // Atualizar token no localStorage se tiver um novo
+        if (data.token) {
+            localStorage.setItem('auth_token', data.token);
+        }
+        
+        closeSettingsModal();
+        
+    } catch (e) {
+        console.error(e);
+        showToast(e.message, 'error');
+    } finally {
+        btn.innerHTML = originalText;
+        btn.disabled = false;
+    }
+}
+
+// Global scope
+window.openSettingsModal = openSettingsModal;
+window.closeSettingsModal = closeSettingsModal;
+window.updateCredentials = updateCredentials;
+
+// ================================================================
+// CONFIGURAÇÕES DE PLUGINS (Wasabi Storage)
+// ================================================================
+
+function openPluginsModal() {
+    const modal = document.getElementById('pluginsModal');
+    if (modal) modal.style.display = 'block';
+    
+    // Limpar campos
+    document.getElementById('wasabiAccessKey').value = '';
+    document.getElementById('wasabiSecretKey').value = '';
+    document.getElementById('wasabiBucket').value = '';
+    document.getElementById('wasabiRegion').value = '';
+    document.getElementById('wasabiEndpoint').value = '';
+    
+    const alertBox = document.getElementById('pluginsStatusAlert');
+    alertBox.style.display = 'none';
+
+    // Carregar configurações atuais
+    loadPluginsConfig();
+}
+
+function closePluginsModal() {
+    const modal = document.getElementById('pluginsModal');
+    if (modal) modal.style.display = 'none';
+}
+
+async function loadPluginsConfig() {
+    try {
+        const res = await fetchWithAuth('/api/system/storage-config');
+        if (!res.ok) throw new Error('Falha ao carregar configurações');
+        
+        const config = await res.json();
+        
+        document.getElementById('wasabiAccessKey').value = config.wasabiAccessKey || '';
+        document.getElementById('wasabiSecretKey').value = config.wasabiSecretKey || '';
+        document.getElementById('wasabiBucket').value = config.wasabiBucket || '';
+        document.getElementById('wasabiRegion').value = config.wasabiRegion || '';
+        document.getElementById('wasabiEndpoint').value = config.wasabiEndpoint || '';
+
+        const alertBox = document.getElementById('pluginsStatusAlert');
+        if (config.enabled) {
+            alertBox.className = 'alert-success';
+            alertBox.style.background = '#eafaf1';
+            alertBox.style.color = '#27ae60';
+            alertBox.style.border = '1px solid #2ecc7133';
+            alertBox.innerHTML = '🟢 <b>Status:</b> Wasabi Storage está ATIVO e conectado.';
+        } else {
+            alertBox.className = 'alert-warning';
+            alertBox.style.background = '#fffbeb';
+            alertBox.style.color = '#d97706';
+            alertBox.style.border = '1px solid #f59e0b33';
+            alertBox.innerHTML = '🟡 <b>Status:</b> Wasabi Storage está DESATIVADO (utilizando armazenamento local).';
+        }
+        alertBox.style.display = 'block';
+    } catch (e) {
+        console.error(e);
+        showToast('Erro ao carregar configurações do Wasabi.', 'error');
+    }
+}
+
+async function updatePluginsConfig(event) {
+    event.preventDefault();
+    
+    const wasabiAccessKey = document.getElementById('wasabiAccessKey').value.trim();
+    const wasabiSecretKey = document.getElementById('wasabiSecretKey').value;
+    const wasabiBucket = document.getElementById('wasabiBucket').value.trim();
+    const wasabiRegion = document.getElementById('wasabiRegion').value.trim();
+    const wasabiEndpoint = document.getElementById('wasabiEndpoint').value.trim();
+    
+    const btn = document.getElementById('btnSavePlugins');
+    const originalText = btn.innerHTML;
+    btn.innerHTML = '<span class="spinner" style="width:14px;height:14px;display:inline-block;"></span> Salvando...';
+    btn.disabled = true;
+    
+    try {
+        const res = await fetchWithAuth('/api/system/storage-config', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                wasabiAccessKey,
+                wasabiSecretKey,
+                wasabiBucket,
+                wasabiRegion,
+                wasabiEndpoint
+            })
+        });
+        
+        if (!res.ok) {
+            const err = await res.json();
+            throw new Error(err.error || 'Erro ao salvar configurações.');
+        }
+        
+        showToast('Configurações do Wasabi salvas com sucesso!', 'success');
+        
+        // Recarregar o status
+        await loadPluginsConfig();
+        
+        // Fechar após 1 segundo
+        setTimeout(closePluginsModal, 1200);
+        
+    } catch (e) {
+        console.error(e);
+        showToast(e.message, 'error');
+    } finally {
+        btn.innerHTML = originalText;
+        btn.disabled = false;
+    }
+}
+
+async function triggerSync() {
+    showToast('🔄 Enviando sinal de sincronização para dispositivos...', 'info');
+    try {
+        const res = await fetchWithAuth('/api/system/trigger-sync', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' }
+        });
+        
+        if (!res.ok) {
+            const err = await res.json();
+            throw new Error(err.error || 'Erro ao acionar sincronização.');
+        }
+        
+        const data = await res.json();
+        if (data.devicesTriggered > 0) {
+            showToast(`✅ Sinal enviado para ${data.devicesTriggered} dispositivo(s) conectado(s)!`, 'success');
+        } else {
+            showToast('⚠️ Nenhum dispositivo Windows conectado no momento.', 'warning');
+        }
+    } catch (e) {
+        console.error(e);
+        showToast(e.message, 'error');
+    }
+}
+
+// Global scope
+window.openPluginsModal = openPluginsModal;
+window.closePluginsModal = closePluginsModal;
+window.updatePluginsConfig = updatePluginsConfig;
+window.triggerSync = triggerSync;
+
+// ================================================================
+// ÁREA DE SINCRONIZAÇÃO E UPLOAD MANUAL
+// ================================================================
+
+let selectedUploadFiles = [];
+
+function openSyncModal() {
+    const modal = document.getElementById('syncModal');
+    if (!modal) return;
+    
+    modal.classList.add('active');
+    modal.style.display = 'flex';
+    
+    // Resetar abas
+    switchSyncTab('devices');
+    
+    // Limpar formulário de upload
+    resetManualUploadForm();
+    
+    // Carregar dados
+    loadSyncDevices();
+    refreshUploadPatients();
+    
+    // Escuta de clique fora para fechar modal
+    modal.onclick = (e) => {
+        if (e.target === modal) closeSyncModal();
+    };
+}
+
+function closeSyncModal() {
+    const modal = document.getElementById('syncModal');
+    if (!modal) return;
+    
+    modal.classList.remove('active');
+    modal.style.display = 'none';
+}
+
+function switchSyncTab(tabName) {
+    const btnDevices = document.getElementById('tabBtnDevices');
+    const btnUpload = document.getElementById('tabBtnUpload');
+    const tabDevices = document.getElementById('tab-devices');
+    const tabUpload = document.getElementById('tab-upload');
+    
+    if (!btnDevices || !btnUpload || !tabDevices || !tabUpload) return;
+    
+    if (tabName === 'devices') {
+        btnDevices.classList.add('active');
+        btnUpload.classList.remove('active');
+        tabDevices.classList.add('active');
+        tabUpload.classList.remove('active');
+        loadSyncDevices();
+    } else {
+        btnDevices.classList.remove('active');
+        btnUpload.classList.add('active');
+        tabDevices.classList.remove('active');
+        tabUpload.classList.add('active');
+    }
+}
+
+async function loadSyncDevices() {
+    const loader = document.getElementById('syncDevicesLoading');
+    const empty = document.getElementById('syncDevicesEmpty');
+    const list = document.getElementById('syncDeviceList');
+    
+    if (!loader || !empty || !list) return;
+    
+    loader.style.display = 'block';
+    empty.style.display = 'none';
+    list.style.display = 'none';
+    
+    try {
+        const res = await fetchWithAuth('/api/socket/status');
+        if (!res.ok) throw new Error('Falha ao obter status dos dispositivos.');
+        const data = await res.json();
+        
+        list.replaceChildren();
+        
+        const windowsClients = (data.identified || []).filter(c => c.type === 'client' || c.type === 'windows');
+        
+        if (windowsClients.length === 0) {
+            loader.style.display = 'none';
+            empty.style.display = 'block';
+            list.style.display = 'none';
+            return;
+        }
+        
+        windowsClients.forEach(client => {
+            const card = document.createElement('div');
+            card.className = 'sync-device-card';
+            
+            const left = document.createElement('div');
+            left.className = 'device-card-left';
+            
+            const title = document.createElement('div');
+            title.className = 'device-card-title';
+            title.textContent = `💻 ${client.name || 'Dispositivo Sem Nome'}`;
+            
+            const subtitle = document.createElement('div');
+            subtitle.className = 'device-card-subtitle';
+            subtitle.textContent = `SO: ${client.system || 'Windows'} | Versão: ${client.version || 'N/A'} | ID: ${client.socketId}`;
+            
+            left.appendChild(title);
+            left.appendChild(subtitle);
+            
+            const badge = document.createElement('span');
+            badge.className = 'device-card-badge badge-connected';
+            badge.textContent = 'ONLINE';
+            
+            card.appendChild(left);
+            card.appendChild(badge);
+            
+            list.appendChild(card);
+        });
+        
+        loader.style.display = 'none';
+        empty.style.display = 'none';
+        list.style.display = 'flex';
+        
+    } catch (e) {
+        console.error(e);
+        loader.style.display = 'none';
+        empty.style.display = 'block';
+        const p = empty.querySelector('p');
+        if (p) p.textContent = 'Erro ao carregar dispositivos: ' + e.message;
+    }
+}
+
+async function triggerSyncFromModal() {
+    const btn = document.getElementById('btnTriggerSyncModal');
+    if (!btn) return;
+    
+    const originalText = btn.innerHTML;
+    btn.disabled = true;
+    btn.innerHTML = '🔄 Enviando sinal...';
+    
+    try {
+        const res = await fetchWithAuth('/api/system/trigger-sync', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' }
+        });
+        
+        if (!res.ok) {
+            const err = await res.json();
+            throw new Error(err.error || 'Erro ao acionar sincronização.');
+        }
+        
+        const data = await res.json();
+        if (data.devicesTriggered > 0) {
+            showToast(`✅ Sinal enviado para ${data.devicesTriggered} dispositivo(s) conectado(s)!`, 'success');
+        } else {
+            showToast('⚠️ Nenhum dispositivo Windows conectado para sincronizar.', 'warning');
+        }
+    } catch (e) {
+        console.error(e);
+        showToast(e.message, 'error');
+    } finally {
+        btn.disabled = false;
+        btn.innerHTML = originalText;
+    }
+}
+
+async function refreshUploadPatients() {
+    const select = document.getElementById('uploadPatientSelect');
+    if (!select) return;
+    
+    // Manter as primeiras duas opções
+    while (select.options.length > 2) {
+        select.remove(2);
+    }
+    
+    try {
+        const res = await fetchWithAuth('/api/images/patients?disabled=false&search=');
+        if (!res.ok) throw new Error('Erro ao listar pacientes.');
+        
+        const patients = await res.json();
+        patients.forEach(p => {
+            if (!p || !p.patient_name) return;
+            const opt = document.createElement('option');
+            opt.value = p.patient_name;
+            opt.textContent = p.patient_name;
+            select.appendChild(opt);
+        });
+    } catch (e) {
+        console.error(e);
+        showToast('Erro ao carregar lista de pacientes.', 'error');
+    }
+}
+
+function toggleNewPatientFields() {
+    const select = document.getElementById('uploadPatientSelect');
+    const fields = document.getElementById('newPatientFields');
+    
+    if (!select || !fields) return;
+    
+    if (select.value === 'NEW_PATIENT') {
+        fields.style.display = 'block';
+        document.getElementById('uploadNewPatientFirstName').required = true;
+        document.getElementById('uploadNewPatientLastName').required = true;
+    } else {
+        fields.style.display = 'none';
+        document.getElementById('uploadNewPatientFirstName').required = false;
+        document.getElementById('uploadNewPatientLastName').required = false;
+    }
+}
+
+function resetManualUploadForm() {
+    selectedUploadFiles = [];
+    
+    const form = document.getElementById('manualUploadForm');
+    if (form) form.reset();
+    
+    const previews = document.getElementById('uploadPreviewsContainer');
+    if (previews) previews.replaceChildren();
+    
+    const progressContainer = document.getElementById('uploadProgressContainer');
+    if (progressContainer) progressContainer.style.display = 'none';
+    
+    const fields = document.getElementById('newPatientFields');
+    if (fields) fields.style.display = 'none';
+    
+    const btnSubmit = document.getElementById('btnSubmitManualUpload');
+    if (btnSubmit) btnSubmit.disabled = true;
+}
+
+// Inicializar Drag and Drop
+function initDragAndDrop() {
+    const zone = document.getElementById('uploadDragDropZone');
+    const fileInput = document.getElementById('uploadFileInput');
+    
+    if (!zone || !fileInput) return;
+    
+    // Evento de clique na zona abre o seletor de arquivos
+    zone.addEventListener('click', () => fileInput.click());
+    
+    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
+        zone.addEventListener(eventName, e => {
+            e.preventDefault();
+            e.stopPropagation();
+        }, false);
+    });
+    
+    ['dragenter', 'dragover'].forEach(eventName => {
+        zone.addEventListener(eventName, () => {
+            zone.classList.add('drag-active');
+        }, false);
+    });
+    
+    ['dragleave', 'drop'].forEach(eventName => {
+        zone.addEventListener(eventName, () => {
+            zone.classList.remove('drag-active');
+        }, false);
+    });
+    
+    zone.addEventListener('drop', e => {
+        const dt = e.dataTransfer;
+        if (dt) handleUploadFiles(dt.files);
+    });
+    
+    fileInput.addEventListener('change', e => {
+        if (e.target && e.target.files) handleUploadFiles(e.target.files);
+    });
+}
+
+function handleUploadFiles(files) {
+    if (!files || files.length === 0) return;
+    
+    for (let i = 0; i < files.length; i++) {
+        const file = files[i];
+        
+        if (!file.type.match('image.*')) {
+            showToast(`O arquivo "${file.name}" não é uma imagem válida!`, 'warning');
+            continue;
+        }
+        
+        if (file.size > 10 * 1024 * 1024) {
+            showToast(`A imagem "${file.name}" excede o limite de tamanho de 10MB!`, 'warning');
+            continue;
+        }
+        
+        if (selectedUploadFiles.some(f => f.name === file.name && f.size === file.size)) {
+            continue;
+        }
+        
+        selectedUploadFiles.push(file);
+    }
+    
+    renderUploadPreviews();
+}
+
+function renderUploadPreviews() {
+    const container = document.getElementById('uploadPreviewsContainer');
+    const btnSubmit = document.getElementById('btnSubmitManualUpload');
+    if (!container) return;
+    
+    container.replaceChildren();
+    
+    selectedUploadFiles.forEach((file, index) => {
+        const item = document.createElement('div');
+        item.className = 'preview-item';
+        
+        const img = document.createElement('img');
+        img.alt = file.name;
+        
+        const reader = new FileReader();
+        reader.onload = e => {
+            if (e.target && e.target.result) img.src = e.target.result;
+        };
+        reader.readAsDataURL(file);
+        
+        const btnRemove = document.createElement('button');
+        btnRemove.type = 'button';
+        btnRemove.className = 'preview-remove';
+        btnRemove.innerHTML = '&times;';
+        btnRemove.title = 'Remover Imagem';
+        btnRemove.onclick = (e) => {
+            e.stopPropagation();
+            removeUploadPreview(index);
+        };
+        
+        item.appendChild(img);
+        item.appendChild(btnRemove);
+        container.appendChild(item);
+    });
+    
+    if (btnSubmit) {
+        btnSubmit.disabled = selectedUploadFiles.length === 0;
+    }
+}
+
+function removeUploadPreview(index) {
+    selectedUploadFiles.splice(index, 1);
+    renderUploadPreviews();
+}
+
+function readFileAsBase64(file) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.onerror = error => reject(error);
+        reader.readAsDataURL(file);
+    });
+}
+
+async function handleManualUploadSubmit(event) {
+    event.preventDefault();
+    
+    if (selectedUploadFiles.length === 0) {
+        showToast('Selecione pelo menos uma imagem para enviar.', 'warning');
+        return;
+    }
+    
+    const select = document.getElementById('uploadPatientSelect');
+    const remarkInput = document.getElementById('uploadRemark');
+    const btnSubmit = document.getElementById('btnSubmitManualUpload');
+    
+    if (!select || !btnSubmit) return;
+    
+    let patientName = '';
+    let doctor = '';
+    
+    if (select.value === 'NEW_PATIENT') {
+        const firstName = document.getElementById('uploadNewPatientFirstName').value.trim();
+        const lastName = document.getElementById('uploadNewPatientLastName').value.trim();
+        doctor = document.getElementById('uploadNewPatientDoctor').value.trim();
+        
+        if (!firstName || !lastName) {
+            showToast('Nome e sobrenome são obrigatórios para novo paciente.', 'warning');
+            return;
+        }
+        
+        patientName = `${firstName} ${lastName}`;
+    } else {
+        patientName = select.value;
+    }
+    
+    const remark = remarkInput ? remarkInput.value.trim() : '';
+    
+    const progressContainer = document.getElementById('uploadProgressContainer');
+    const progressText = document.getElementById('uploadProgressText');
+    const progressBarFill = document.getElementById('uploadProgressBarFill');
+    const progressPercent = document.getElementById('uploadProgressPercent');
+    
+    if (progressContainer) progressContainer.style.display = 'block';
+    btnSubmit.disabled = true;
+    
+    const totalFiles = selectedUploadFiles.length;
+    let successCount = 0;
+    
+    for (let i = 0; i < totalFiles; i++) {
+        const file = selectedUploadFiles[i];
+        
+        if (progressText) progressText.textContent = `Enviando imagem ${i + 1} de ${totalFiles}...`;
+        if (progressBarFill) {
+            const pct = Math.round((i / totalFiles) * 100);
+            progressBarFill.style.width = `${pct}%`;
+            if (progressPercent) progressPercent.textContent = `${pct}%`;
+        }
+        
+        try {
+            const base64 = await readFileAsBase64(file);
+            
+            const response = await fetchWithAuth('/api/images/upload', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    imageBase64: base64,
+                    filename: file.name,
+                    patientName: patientName,
+                    doctor: doctor || null,
+                    remark: remark || null
+                })
+            });
+            
+            if (!response.ok) {
+                const err = await response.json();
+                throw new Error(err.error || `Erro HTTP ${response.status}`);
+            }
+            
+            successCount++;
+        } catch (e) {
+            console.error(`Erro ao enviar arquivo ${file.name}:`, e);
+            showToast(`Falha ao enviar a imagem ${file.name}: ${e.message}`, 'error');
+        }
+    }
+    
+    if (progressBarFill) {
+        progressBarFill.style.width = '100%';
+        if (progressPercent) progressPercent.textContent = '100%';
+    }
+    if (progressText) progressText.textContent = `Finalizado! ${successCount} de ${totalFiles} imagens enviadas.`;
+    
+    setTimeout(async () => {
+        closeSyncModal();
+        showToast(`✅ ${successCount} imagem(ns) enviada(s) com sucesso!`, 'success');
+        
+        await loadPatients();
+        if (window.loadClientsList) {
+            await window.loadClientsList();
+        }
+    }, 1000);
+}
+
+// Vinculando ao window
+window.openSyncModal = openSyncModal;
+window.closeSyncModal = closeSyncModal;
+window.switchSyncTab = switchSyncTab;
+window.triggerSyncFromModal = triggerSyncFromModal;
+window.refreshUploadPatients = refreshUploadPatients;
+window.toggleNewPatientFields = toggleNewPatientFields;
+window.handleManualUploadSubmit = handleManualUploadSubmit;
+window.initDragAndDrop = initDragAndDrop;
+window.deletePatientImages = deletePatientImages;
+window.adjustFineTune = adjustFineTune;
+window.resetFineTune = resetFineTune;
+// A aplicação é inicializada no evento DOMContentLoaded acima
diff --git "a/dental-server/auth\\login.html" "b/dental-server/auth\\login.html"
new file mode 100644
index 0000000..c3c6b52
--- /dev/null
+++ "b/dental-server/auth\\login.html"
@@ -0,0 +1,221 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login - Dental Server</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            padding: 20px;
+        }
+
+        .login-container {
+            background: white;
+            border-radius: 15px;
+            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
+            padding: 40px;
+            max-width: 400px;
+            width: 100%;
+        }
+
+        h1 {
+            text-align: center;
+            color: #667eea;
+            font-size: 2rem;
+            margin-bottom: 10px;
+        }
+
+        p {
+            text-align: center;
+            color: #666;
+            margin-bottom: 30px;
+        }
+
+        .form-group {
+            margin-bottom: 20px;
+        }
+
+        label {
+            display: block;
+            margin-bottom: 8px;
+            color: #333;
+            font-weight: 600;
+        }
+
+        input {
+            width: 100%;
+            padding: 12px;
+            border: 2px solid #e0e0e0;
+            border-radius: 8px;
+            font-size: 1rem;
+            transition: border-color 0.3s;
+        }
+
+        input:focus {
+            outline: none;
+            border-color: #667eea;
+        }
+
+        button {
+            width: 100%;
+            padding: 12px;
+            background: linear-gradient(135deg, #667eea, #764ba2);
+            color: white;
+            border: none;
+            border-radius: 8px;
+            font-size: 1rem;
+            font-weight: 600;
+            cursor: pointer;
+            transition: transform 0.3s;
+        }
+
+        button:hover {
+            transform: translateY(-2px);
+        }
+
+        button:active {
+            transform: translateY(0);
+        }
+
+        .alert {
+            padding: 12px;
+            border-radius: 8px;
+            margin-bottom: 20px;
+            display: none;
+        }
+
+        .alert.error {
+            background: #fee;
+            color: #c33;
+            border: 1px solid #fcc;
+        }
+
+        .alert.success {
+            background: #efe;
+            color: #3c3;
+            border: 1px solid #cfc;
+        }
+
+        #loginBtn {
+            position: relative;
+        }
+
+        #loginBtn.loading {
+            opacity: 0.7;
+            cursor: not-allowed;
+        }
+
+        #loginBtn.loading::after {
+            content: '';
+            position: absolute;
+            width: 16px;
+            height: 16px;
+            border: 2px solid #fff;
+            border-top-color: transparent;
+            border-radius: 50%;
+            animation: spin 0.8s linear infinite;
+        }
+
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+    </style>
+</head>
+<body>
+    <div class="login-container">
+        <h1>🦷 Dental Server</h1>
+        <p>Área Administrativa</p>
+        
+        <div class="alert error" id="errorAlert"></div>
+        
+        <form id="loginForm">
+            <div class="form-group">
+                <label for="username">Usuário ou Email</label>
+                <input 
+                    type="text" 
+                    id="username" 
+                    name="username"
+                    required 
+                    autofocus 
+                    placeholder="rcesar ou rcesar@rcesar.com"
+                >
+            </div>
+            
+            <div class="form-group">
+                <label for="password">Senha</label>
+                <input 
+                    type="password" 
+                    id="password" 
+                    name="password"
+                    required 
+                    placeholder="Digite sua senha"
+                >
+            </div>
+            
+            <button type="submit" class="btn" id="loginBtn">Entrar</button>
+        </form>
+    </div>
+
+    <script>
+        const loginForm = document.getElementById('loginForm');
+        const errorAlert = document.getElementById('errorAlert');
+        const loginBtn = document.getElementById('loginBtn');
+
+        loginForm.addEventListener('submit', async (e) => {
+            e.preventDefault();
+            
+            const username = document.getElementById('username').value;
+            const password = document.getElementById('password').value;
+
+            // Mostrar loading
+            loginBtn.classList.add('loading');
+            loginBtn.disabled = true;
+            errorAlert.style.display = 'none';
+
+            try {
+                const response = await fetch('/api/auth/login', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify({ username, password })
+                });
+
+                const data = await response.json();
+
+                if (data.success && data.token) {
+                    // Salvar token
+                    localStorage.setItem('auth_token', data.token);
+                    
+                    // Redirecionar usando replace para evitar loop no histórico
+                    window.location.replace('/');
+                } else {
+                    throw new Error(data.error || 'Erro ao fazer login');
+                }
+
+            } catch (error) {
+                errorAlert.textContent = error.message;
+                errorAlert.style.display = 'block';
+            } finally {
+                loginBtn.classList.remove('loading');
+                loginBtn.disabled = false;
+            }
+        });
+
+        // Verificar se já está logado (desabilitado para evitar loops - usuário pode fazer login manualmente)
+        // A verificação de autenticação será feita na página principal (app.js)
+    </script>
+</body>
+</html>
diff --git a/dental-server/database.js b/dental-server/database.js
index 8da67c8..be67ab9 100644
--- a/dental-server/database.js
+++ b/dental-server/database.js
@@ -32,7 +32,7 @@ function rewriteQuery(sql) {
 
 async function initSQLite() {
   const { DatabaseSync } = require('node:sqlite');
-  const dbPath = path.join(__dirname, 'dental_images.db');
+  const dbPath = process.env.DB_PATH || path.join(__dirname, 'dental_images.db');
   
   sqliteDb = new DatabaseSync(dbPath);
   console.log(`✅ Banco de dados SQLite criado/inicializado em: ${dbPath}`);
diff --git a/dental-server/index.html b/dental-server/index.html
new file mode 100644
index 0000000..a36c5ea
--- /dev/null
+++ b/dental-server/index.html
@@ -0,0 +1,466 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+    <title>Gerenciador de Imagens Dentais</title>
+    <meta name="description" content="Sistema de gerenciamento de imagens de raio-X dental">
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+    <link rel="stylesheet" href="/style.css">
+</head>
+<body>
+    <div class="app-container">
+        <!-- Sidebar -->
+        <aside class="sidebar">
+            <div class="sidebar-header">
+                <h2>🦷 DentalSys</h2>
+            </div>
+            <nav class="sidebar-nav">
+                <a href="/" class="nav-item active">
+                    <span class="icon">🖼️</span> Pacientes
+                </a>
+                <a href="#" class="nav-item" onclick="openCreatePatientModal(); return false;">
+                    <span class="icon">➕</span> Novo Paciente
+                </a>
+                <a href="/clients" class="nav-item">
+                    <span class="icon">🖥️</span> Dispositivos
+                </a>
+                <a href="#" class="nav-item" onclick="openSettingsModal(); return false;">
+                    <span class="icon">⚙️</span> Configurações
+                </a>
+                <a href="#" class="nav-item" onclick="openPluginsModal(); return false;">
+                    <span class="icon">🔌</span> Plugins / Wasabi
+                </a>
+                <a href="#" class="nav-item" onclick="openSyncModal(); return false;">
+                    <span class="icon">🔄</span> Sincronização
+                </a>
+                <a href="/reset" class="nav-item" style="color: #dc3545;">
+                    <span class="icon">⚠️</span> Zerar Sistema
+                </a>
+                <div class="nav-divider"></div>
+                <button id="toggleDisabledBtn" class="btn btn-secondary" style="margin: 10px 20px; width: calc(100% - 40px);">
+                    <span id="toggleText">Ocultas</span>
+                </button>
+            </nav>
+        </aside>
+
+        <!-- Main Content -->
+        <main class="main-content">
+            <!-- Header -->
+            <header class="header">
+                <div class="header-content">
+                    <div class="header-left">
+                        <button id="backBtn" class="btn btn-back" style="display:none;">
+                            ← Voltar
+                        </button>
+                        <h1 id="mainTitle">Galeria de Imagens</h1>
+                    </div>
+                    <div class="header-actions">
+                        <select id="clientFilter" class="client-filter">
+                            <option value="">📋 Todos os Clientes</option>
+                        </select>
+                        <input
+                            type="search"
+                            id="searchInput"
+                            class="search-input"
+                            placeholder="🔍 Pesquisar paciente..."
+                        >
+                        <button class="btn btn-secondary" onclick="loadClientsList()">
+                            <span class="icon">🔄</span>
+                        </button>
+                    </div>
+                </div>
+
+                <!-- Patient sub-header (shown in patient-images view) -->
+                <div id="patientHeader" class="patient-header" style="display:none;">
+                    <div class="patient-header-info">
+                        <div id="patientTitle" class="patient-header-name"></div>
+                        <div id="patientMeta"  class="patient-header-meta"></div>
+                    </div>
+                </div>
+            </header>
+
+        <!-- Scrollable content area -->
+        <div class="content-scroll">
+
+        <!-- Loading State -->
+        <div id="loadingState" class="loading">
+            <div class="spinner"></div>
+            <p>Carregando...</p>
+        </div>
+
+        <!-- Empty State -->
+        <div id="emptyState" class="empty-state" style="display: none;">
+            <div class="empty-icon">📭</div>
+            <h2>Nenhum resultado encontrado</h2>
+            <p>As imagens aparecerão aqui quando forem enviadas pelo cliente Windows</p>
+        </div>
+
+        <!-- Images / Patients Grid -->
+        <div id="imagesGrid" class="images-grid">        </div>
+
+        </div><!-- end .content-scroll -->
+        </main>
+    </div>
+
+    <!-- Transform Modal -->
+    <div id="transformModal" class="modal">
+        <div class="modal-content modal-large">
+            <div class="modal-header" style="display: flex; justify-content: space-between; width: 100%; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 15px;">
+                <div style="display: flex; align-items: center; gap: 15px; flex-wrap: wrap;">
+                    <h2 id="transformModalTitle" style="margin: 0; font-size: 1.4rem;"><!-- Dynamic Title (Patient + Date) --></h2>
+                    <div style="display: flex; gap: 8px;">
+                        <button id="btnShowTransform" class="btn btn-primary" onclick="toggleModalView('transform')" style="width: 60px; height: 40px; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 1.2rem;" title="Ajustar Imagem">🔄</button>
+                        <button id="btnShowGto" class="btn btn-secondary" onclick="toggleModalView('gto')" style="width: 60px; height: 40px; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 1.2rem;" title="Gerenciar GTOs">📋</button>
+                        <button id="btnShowInfo" class="btn btn-secondary" onclick="toggleModalInfo()" style="width: 60px; height: 40px; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 1.2rem;" title="Informações">ℹ️</button>
+                        <button id="btnResetImage" class="btn btn-danger" onclick="resetImageToOriginal()" style="width: 60px; height: 40px; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; background-color: #ff6b6b; border-color: #ff6b6b; color: white;" title="Resetar para Original">↩️</button>
+                    </div>
+                </div>
+                <span class="modal-close" id="closeTransformModal">×</span>
+            </div>
+            
+            <div class="modal-body" style="padding-top: 15px;">
+                <!-- Bloco oculto de informações -->
+                <div id="transformExtraInfo" style="display: none; font-size: 0.95rem; color: #555; background: #f8f9fa; padding: 12px 20px; border-radius: 8px; border: 1px solid #eee; margin-bottom: 15px;">
+                    <!-- Preenchido via JS -->
+                </div>
+
+                <!-- View 1: Transforms -->
+                <div id="transformViewWrapper" style="display: flex; flex-direction: column; flex: 1; min-height: 0; height: 100%;">
+                    <div id="transformOptions" class="transform-grid" style="flex: 1; min-height: 0;"></div>
+                    <div id="transformActionArea" style="display: none; margin-top: 20px; background: #f8f9fa; padding: 15px; border-radius: 8px; flex-shrink: 0; border: 1px solid #e3e8ee;">
+                        <!-- Ajuste Fino de Rotação -->
+                        <div style="display: flex; flex-direction: column; align-items: center; margin-bottom: 15px; border-bottom: 1px solid #e3e8ee; padding-bottom: 15px;">
+                            <span style="font-weight: 700; font-size: 0.95rem; margin-bottom: 10px; color: var(--dark-color); display: flex; align-items: center; gap: 6px;">
+                                📐 Ajuste Fino de Ângulo (Sensor Inclinado)
+                            </span>
+                            <div style="display: flex; align-items: center; gap: 8px; justify-content: center; flex-wrap: wrap;">
+                                <button type="button" class="btn btn-secondary" style="padding: 6px 12px; font-size: 0.85rem; display: flex; align-items: center; gap: 3px;" onclick="adjustFineTune(-5)" title="Rotacionar -5°">🔄 -5°</button>
+                                <button type="button" class="btn btn-secondary" style="padding: 6px 12px; font-size: 0.85rem; display: flex; align-items: center; gap: 3px;" onclick="adjustFineTune(-1)" title="Rotacionar -1°">🔄 -1°</button>
+                                
+                                <div style="min-width: 100px; text-align: center; padding: 6px 12px; background: white; border: 1px solid #cbd5e0; border-radius: 6px; font-family: monospace; font-weight: 700; font-size: 1.1rem; color: var(--primary-color);" id="fineTuneValDisplay">
+                                    0°
+                                </div>
+                                
+                                <button type="button" class="btn btn-secondary" style="padding: 6px 12px; font-size: 0.85rem; display: flex; align-items: center; gap: 3px;" onclick="adjustFineTune(1)" title="Rotacionar +1°">🔄 +1°</button>
+                                <button type="button" class="btn btn-secondary" style="padding: 6px 12px; font-size: 0.85rem; display: flex; align-items: center; gap: 3px;" onclick="adjustFineTune(5)" title="Rotacionar +5°">🔄 +5°</button>
+                                
+                                <button type="button" class="btn btn-danger btn-small" style="padding: 6px 12px; font-size: 0.85rem; margin-left: 8px; display: none; background: #e53e3e; border-color: #e53e3e; color: white;" id="btnResetFineTune" onclick="resetFineTune()" title="Resetar ajuste fino">Reset</button>
+                            </div>
+                        </div>
+
+                        <label style="font-weight: 600; display: block; margin-bottom: 8px;">Nova Observação / Detalhes (Opcional):</label>
+                        <textarea id="newImageRemark" class="search-input" rows="2" style="width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px;" placeholder="Ex: Raio-X Dente 45..."></textarea>
+                        <div style="display: flex; gap: 10px; margin-top: 10px;">
+                            <button class="btn btn-secondary" style="flex: 1; padding: 12px; font-size: 1.1rem;" onclick="clearTransformSelection()">Cancelar</button>
+                            <button id="btnSaveTransform" class="btn btn-primary" style="flex: 2; padding: 12px; font-size: 1.1rem;" onclick="saveSelectedTransform()">Salvar Nova Imagem</button>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- View 2: GTO List & Link -->
+                <div id="gtoView" style="display: none;">
+                    <div style="background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 20px;">
+                        <h3 style="margin-top: 0; font-size: 1.1rem; margin-bottom: 15px;">Cadastrar Nova GTO</h3>
+                        <div style="display: flex; gap: 10px;">
+                            <input type="text" id="inlineGtoNumber" class="search-input" placeholder="Número/ID da GTO" style="flex: 1; padding: 10px;">
+                            <input type="text" id="inlineGtoDesc" class="search-input" placeholder="Descrição (Opcional)" style="flex: 2; padding: 10px;">
+                            <button class="btn btn-primary" onclick="inlineCreateGto()">Cadastrar</button>
+                        </div>
+                    </div>
+
+                    <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;">
+                        <h3 style="margin: 0; font-size: 1.1rem;">Vincular esta imagem a uma GTO:</h3>
+                        <button class="btn btn-success" onclick="linkImageToGto()" id="btnLinkGto">✅ Vincular Selecionada</button>
+                    </div>
+                    
+                    <div id="gtoListContainer" style="border: 1px solid #ddd; border-radius: 8px; overflow: hidden;">
+                        <!-- GTO list goes here -->
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Modal Novo Paciente -->
+    <div class="modal" id="create-patient-modal">
+        <div class="modal-content" style="max-width: 500px; height: auto; border-radius: var(--radius);">
+            <div class="modal-header">
+                <h2>Novo Paciente</h2>
+                <div class="modal-close" onclick="closeCreatePatientModal()">&times;</div>
+            </div>
+            <div class="modal-body" style="overflow-y: auto;">
+                <form id="create-patient-form" onsubmit="submitCreatePatient(event)">
+                    <div class="form-group">
+                        <label>Nome *</label>
+                        <input type="text" id="patient-first-name" required placeholder="Ex: João">
+                    </div>
+                    <div class="form-group">
+                        <label>Sobrenome *</label>
+                        <input type="text" id="patient-last-name" required placeholder="Ex: Silva">
+                    </div>
+                    <div class="form-group">
+                        <label>Dentista</label>
+                        <input type="text" id="patient-doctor" placeholder="Nome do dentista responsável">
+                    </div>
+                    <div style="display: flex; gap: 12px;">
+                        <div class="form-group" style="flex: 1;">
+                            <label>Data de Nascimento</label>
+                            <input type="date" id="patient-birthday">
+                        </div>
+                        <div class="form-group" style="flex: 1;">
+                            <label>Gênero</label>
+                            <select id="patient-gender">
+                                <option value="0">Masculino</option>
+                                <option value="1">Feminino</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label>Telefone</label>
+                        <input type="text" id="patient-phone" placeholder="(11) 99999-9999">
+                    </div>
+                    <div class="form-group">
+                        <label>Observações</label>
+                        <textarea id="patient-remark" rows="3" placeholder="Informações adicionais..."></textarea>
+                    </div>
+                    <button type="submit" class="btn btn-primary" style="width: 100%; margin-top: 10px;">
+                        Salvar Paciente
+                    </button>
+                </form>
+            </div>
+        </div>
+    </div>
+
+    <!-- Modal Nova GTO -->
+    <div class="modal" id="create-gto-modal">
+        <div class="modal-content" style="max-width: 400px; height: auto; border-radius: var(--radius);">
+            <div class="modal-header">
+                <h2>Nova GTO</h2>
+                <div class="modal-close" onclick="closeCreateGtoModal()">&times;</div>
+            </div>
+            <div class="modal-body">
+                <form id="create-gto-form" onsubmit="submitCreateGto(event)">
+                    <div class="form-group">
+                        <label>Número/ID da GTO *</label>
+                        <input type="text" id="gto-number" required placeholder="Ex: GTO-2023-001">
+                    </div>
+                    <div class="form-group">
+                        <label>Descrição (opcional)</label>
+                        <textarea id="gto-description" rows="3" placeholder="Informações da guia..."></textarea>
+                    </div>
+                    <button type="submit" class="btn btn-primary" style="width: 100%; margin-top: 10px;">
+                        Criar GTO
+                    </button>
+                </form>
+            </div>
+        </div>
+    </div>
+
+    <!-- Toast de Notificação -->
+    <div class="toast" id="toast">Operação realizada com sucesso!</div>
+
+    <!-- Settings Modal -->
+    <div id="settingsModal" class="modal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h2>⚙️ Configurações da Conta</h2>
+                <span class="close-modal" onclick="closeSettingsModal()">&times;</span>
+            </div>
+            <div class="modal-body">
+                <form id="settingsForm" onsubmit="updateCredentials(event)">
+                    <div class="form-group">
+                        <label for="currentPassword">Senha Atual (Obrigatório)*</label>
+                        <input type="password" id="currentPassword" class="form-control" placeholder="Digite sua senha atual para autorizar" required>
+                    </div>
+                    
+                    <hr style="margin: 20px 0; border: none; border-top: 1px solid #eee;">
+                    <p style="margin-bottom: 15px; color: #666; font-size: 0.9rem;">Preencha apenas os campos que deseja alterar:</p>
+
+                    <div class="form-group">
+                        <label for="newUsername">Novo Nome de Usuário</label>
+                        <input type="text" id="newUsername" class="form-control" placeholder="Deixe em branco para não alterar">
+                    </div>
+
+                    <div class="form-group">
+                        <label for="newPassword">Nova Senha</label>
+                        <input type="password" id="newPassword" class="form-control" placeholder="Deixe em branco para não alterar">
+                    </div>
+
+                    <div class="form-actions" style="margin-top: 25px; display: flex; justify-content: flex-end; gap: 10px;">
+                        <button type="button" class="btn btn-secondary" onclick="closeSettingsModal()">Cancelar</button>
+                        <button type="submit" class="btn btn-primary" id="btnSaveSettings">Salvar Alterações</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+
+    <!-- Plugins / Wasabi Modal -->
+    <div id="pluginsModal" class="modal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h2>🔌 Configuração do Wasabi Storage</h2>
+                <span class="modal-close" onclick="closePluginsModal()">&times;</span>
+            </div>
+            <div class="modal-body">
+                <form id="pluginsForm" onsubmit="updatePluginsConfig(event)">
+                    <div style="background: #f8f9fa; padding: 12px 18px; border-radius: 8px; border: 1px solid #eee; margin-bottom: 20px; font-size: 0.95rem; color: #555;">
+                        Configure as credenciais e bucket do **Wasabi S3** para habilitar o armazenamento na nuvem. Se desativado, o sistema usará o armazenamento local do servidor de forma automática.
+                    </div>
+                    
+                    <div class="form-group">
+                        <label for="wasabiAccessKey">Access Key *</label>
+                        <input type="text" id="wasabiAccessKey" placeholder="Ex: AIPL5M4G..." required>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="wasabiSecretKey">Secret Key *</label>
+                        <input type="password" id="wasabiSecretKey" placeholder="Sua Secret Key" required>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="wasabiBucket">Bucket Ativo *</label>
+                        <input type="text" id="wasabiBucket" placeholder="Ex: meu-bucket-rx" required>
+                    </div>
+
+                    <div style="display: flex; gap: 12px;">
+                        <div class="form-group" style="flex: 1;">
+                            <label for="wasabiRegion">Região</label>
+                            <input type="text" id="wasabiRegion" placeholder="Ex: us-east-1 (padrão)">
+                        </div>
+                        <div class="form-group" style="flex: 1;">
+                            <label for="wasabiEndpoint">Endpoint</label>
+                            <input type="text" id="wasabiEndpoint" placeholder="Ex: s3.wasabisys.com">
+                        </div>
+                    </div>
+
+                    <div id="pluginsStatusAlert" style="display: none; padding: 10px; border-radius: 6px; font-size: 0.9rem; margin-top: 15px;"></div>
+
+                    <div class="form-actions" style="margin-top: 25px; display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid #eee; padding-top: 15px;">
+                        <button type="button" class="btn btn-secondary" onclick="closePluginsModal()">Cancelar</button>
+                        <button type="submit" class="btn btn-primary" id="btnSavePlugins">Salvar Configurações</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+
+    <!-- Sync / Upload Modal -->
+    <div id="syncModal" class="modal">
+        <div class="modal-content" style="max-width: 650px; height: auto; border-radius: var(--radius);">
+            <div class="modal-header">
+                <h2>🔄 Área de Sincronização</h2>
+                <span class="modal-close" onclick="closeSyncModal()">&times;</span>
+            </div>
+            <div class="modal-body">
+                <div class="sync-tabs">
+                    <button type="button" id="tabBtnDevices" class="sync-tab-btn active" onclick="switchSyncTab('devices')">💻 Dispositivos Conectados</button>
+                    <button type="button" id="tabBtnUpload" class="sync-tab-btn" onclick="switchSyncTab('upload')">📤 Envio Manual</button>
+                </div>
+
+                <!-- Tab 1: Dispositivos -->
+                <div id="tab-devices" class="sync-tab-content active">
+                    <div style="background: #f8f9fa; padding: 15px; border-radius: 8px; border: 1px solid #eee; margin-bottom: 20px; font-size: 0.95rem; color: #555; line-height: 1.5;">
+                        Os computadores clientes com Windows instalados e ativos enviam imagens em tempo real. Você pode solicitar que eles façam uma sincronização manual forçada com o servidor enviando um sinal.
+                    </div>
+                    
+                    <div id="syncDevicesLoading" class="loading" style="padding: 20px 0;">
+                        <div class="spinner" style="width: 30px; height: 30px; margin-bottom: 10px;"></div>
+                        <p>Buscando dispositivos online...</p>
+                    </div>
+
+                    <div id="syncDevicesEmpty" style="display: none; text-align: center; padding: 30px 20px; color: #666;">
+                        <span style="font-size: 2.5rem; display: block; margin-bottom: 10px;">📭</span>
+                        <p>Nenhum dispositivo Windows conectado no momento.</p>
+                    </div>
+
+                    <div id="syncDeviceList" class="sync-device-list" style="display: none;">
+                        <!-- Preenchido via Javascript -->
+                    </div>
+
+                    <div style="margin-top: 25px; border-top: 1px solid #eee; padding-top: 15px; display: flex; justify-content: flex-end; gap: 10px;">
+                        <button type="button" class="btn btn-secondary" onclick="closeSyncModal()">Fechar</button>
+                        <button type="button" class="btn btn-primary" onclick="triggerSyncFromModal()" id="btnTriggerSyncModal">
+                            <span class="icon">🔄</span> Enviar Sinal de Sincronização
+                        </button>
+                    </div>
+                </div>
+
+                <!-- Tab 2: Envio Manual -->
+                <div id="tab-upload" class="sync-tab-content">
+                    <form id="manualUploadForm" onsubmit="handleManualUploadSubmit(event)">
+                        <div class="form-group">
+                            <label for="uploadPatientSelect">Paciente *</label>
+                            <div style="display: flex; gap: 10px;">
+                                <select id="uploadPatientSelect" onchange="toggleNewPatientFields()" required style="flex: 1;">
+                                    <option value="">-- Selecione o Paciente --</option>
+                                    <option value="NEW_PATIENT">➕ Novo Paciente...</option>
+                                </select>
+                                <button type="button" class="btn btn-secondary" onclick="refreshUploadPatients()" title="Atualizar Lista" style="width: 44px; padding: 0; display: flex; align-items: center; justify-content: center;">
+                                    🔄
+                                </button>
+                            </div>
+                        </div>
+
+                        <!-- Campos para Novo Paciente (ocultos por padrão) -->
+                        <div id="newPatientFields" style="display: none; background: #f8f9fa; padding: 15px; border-radius: 8px; border: 1px solid #eee; margin-bottom: 18px; animation: slideDown 0.2s ease;">
+                            <h4 style="margin: 0 0 12px 0; color: var(--dark-color); font-size: 0.95rem;">Dados do Novo Paciente</h4>
+                            <div style="display: flex; gap: 12px; margin-bottom: 12px;">
+                                <div style="flex: 1;">
+                                    <label style="font-size: 0.82rem; font-weight: 600; display: block; margin-bottom: 5px;">Nome *</label>
+                                    <input type="text" id="uploadNewPatientFirstName" placeholder="Ex: Maria" style="width: 100%; padding: 8px 12px; border: 1px solid #ccc; border-radius: 4px;">
+                                </div>
+                                <div style="flex: 1;">
+                                    <label style="font-size: 0.82rem; font-weight: 600; display: block; margin-bottom: 5px;">Sobrenome *</label>
+                                    <input type="text" id="uploadNewPatientLastName" placeholder="Ex: Oliveira" style="width: 100%; padding: 8px 12px; border: 1px solid #ccc; border-radius: 4px;">
+                                </div>
+                            </div>
+                            <div>
+                                <label style="font-size: 0.82rem; font-weight: 600; display: block; margin-bottom: 5px;">Dentista Responsável</label>
+                                <input type="text" id="uploadNewPatientDoctor" placeholder="Nome do dentista (opcional)" style="width: 100%; padding: 8px 12px; border: 1px solid #ccc; border-radius: 4px;">
+                            </div>
+                        </div>
+
+                        <div class="form-group">
+                            <label for="uploadRemark">Observações / Detalhes (Opcional)</label>
+                            <textarea id="uploadRemark" placeholder="Ex: Raio-X Panorâmico" rows="2" style="width: 100%; padding: 10px; border: 2px solid var(--border-color); border-radius: var(--radius-sm); font-family: inherit; font-size: 1rem; resize: vertical;"></textarea>
+                        </div>
+
+                        <!-- Zona de Drag and Drop -->
+                        <div class="drag-drop-zone" id="uploadDragDropZone">
+                            <div class="drag-drop-icon">📸</div>
+                            <div class="drag-drop-text">Arraste as imagens aqui ou clique para selecionar</div>
+                            <div class="drag-drop-subtext">Suporta arquivos JPG, JPEG e PNG (máx. 10MB por imagem)</div>
+                            <input type="file" id="uploadFileInput" multiple accept="image/png, image/jpeg, image/jpg" style="display: none;">
+                        </div>
+
+                        <!-- Previews das Imagens Selecionadas -->
+                        <div class="upload-previews" id="uploadPreviewsContainer"></div>
+
+                        <!-- Progresso de Envio -->
+                        <div class="upload-progress-container" id="uploadProgressContainer" style="display: none;">
+                            <div class="progress-bar-label">
+                                <span id="uploadProgressText">Enviando imagens...</span>
+                                <span id="uploadProgressPercent">0%</span>
+                            </div>
+                            <div class="progress-bar-track">
+                                <div class="progress-bar-fill" id="uploadProgressBarFill"></div>
+                            </div>
+                        </div>
+
+                        <div class="form-actions" style="margin-top: 25px; border-top: 1px solid #eee; padding-top: 15px; display: flex; justify-content: flex-end; gap: 10px;">
+                            <button type="button" class="btn btn-secondary" onclick="closeSyncModal()">Cancelar</button>
+                            <button type="submit" class="btn btn-primary" id="btnSubmitManualUpload" disabled>Enviar Imagens</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Application Script -->
+    <script src="/socket.io/socket.io.js"></script>
+    <script src="/app.js"></script>
+</body>
+</html>
diff --git "a/dental-server/mysql\\database_full.sql" "b/dental-server/mysql\\database_full.sql"
new file mode 100644
index 0000000..7ac3ed6
--- /dev/null
+++ "b/dental-server/mysql\\database_full.sql"
@@ -0,0 +1,104 @@
+/*M!999999\- enable the sandbox mode */ 
+-- MariaDB dump 10.19  Distrib 10.11.10-MariaDB, for Linux (x86_64)
+--
+-- Host: localhost    Database: dental_images
+-- ------------------------------------------------------
+-- Server version	10.11.10-MariaDB-log
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!40101 SET NAMES utf8mb4 */;
+/*!40103 SET @OLD_TIME_ZONE=@@TIME_ZONE */;
+/*!40103 SET TIME_ZONE='+00:00' */;
+/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
+/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
+/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
+/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
+
+--
+-- Table structure for table `images`
+--
+
+DROP TABLE IF EXISTS `images`;
+/*!40101 SET @saved_cs_client     = @@character_set_client */;
+/*!40101 SET character_set_client = utf8 */;
+CREATE TABLE `images` (
+  `id` int(11) NOT NULL AUTO_INCREMENT,
+  `image_guid` varchar(255) NOT NULL,
+  `patient_name` text DEFAULT NULL,
+  `client_name` varchar(100) DEFAULT NULL,
+  `original_filename` text DEFAULT NULL,
+  `filename` text NOT NULL,
+  `enabled` tinyint(1) DEFAULT 1,
+  `tooth_number` varchar(10) DEFAULT NULL,
+  `tooth_side` varchar(10) DEFAULT NULL,
+  `patient_name_resumed` varchar(50) DEFAULT NULL,
+  `original_image_id` int(11) DEFAULT NULL,
+  `rotation` int(11) DEFAULT 0,
+  `flip_horizontal` int(11) DEFAULT 0,
+  `flip_vertical` int(11) DEFAULT 0,
+  `created_at` datetime DEFAULT current_timestamp(),
+  PRIMARY KEY (`id`),
+  KEY `idx_images_enabled` (`enabled`),
+  KEY `idx_images_original` (`original_image_id`),
+  KEY `idx_patient_name` (`patient_name`(100)),
+  KEY `idx_image_guid` (`image_guid`),
+  KEY `idx_created_at` (`created_at`),
+  KEY `idx_client_name` (`client_name`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+/*!40101 SET character_set_client = @saved_cs_client */;
+
+--
+-- Dumping data for table `images`
+--
+
+LOCK TABLES `images` WRITE;
+/*!40000 ALTER TABLE `images` DISABLE KEYS */;
+/*!40000 ALTER TABLE `images` ENABLE KEYS */;
+UNLOCK TABLES;
+
+--
+-- Table structure for table `users`
+--
+
+DROP TABLE IF EXISTS `users`;
+/*!40101 SET @saved_cs_client     = @@character_set_client */;
+/*!40101 SET character_set_client = utf8 */;
+CREATE TABLE `users` (
+  `id` int(11) NOT NULL AUTO_INCREMENT,
+  `username` varchar(50) NOT NULL,
+  `email` varchar(100) NOT NULL,
+  `password_hash` text NOT NULL,
+  `created_at` datetime DEFAULT current_timestamp(),
+  PRIMARY KEY (`id`),
+  UNIQUE KEY `username` (`username`),
+  UNIQUE KEY `email` (`email`)
+) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+/*!40101 SET character_set_client = @saved_cs_client */;
+
+--
+-- Dumping data for table `users`
+--
+
+LOCK TABLES `users` WRITE;
+/*!40000 ALTER TABLE `users` DISABLE KEYS */;
+INSERT INTO `users` VALUES
+(1,'rcesar','rcesar@rcesar.com','$2b$10$i0zu9BGACsu6TDTsrU1EaOGZkKnvp8zwjOek1W/3m9mP4mzbN8HkC','2025-10-31 07:16:50');
+/*!40000 ALTER TABLE `users` ENABLE KEYS */;
+UNLOCK TABLES;
+
+--
+-- Dumping routines for database 'dental_images'
+--
+/*!40103 SET TIME_ZONE=@OLD_TIME_ZONE */;
+
+/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
+/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
+/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
+/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
+
+-- Dump completed on 2025-10-31 21:24:39
diff --git "a/dental-server/mysql\\schema.sql" "b/dental-server/mysql\\schema.sql"
new file mode 100644
index 0000000..9ae4caf
--- /dev/null
+++ "b/dental-server/mysql\\schema.sql"
@@ -0,0 +1,84 @@
+/*M!999999\- enable the sandbox mode */ 
+-- MariaDB dump 10.19  Distrib 10.11.10-MariaDB, for Linux (x86_64)
+--
+-- Host: localhost    Database: dental_images
+-- ------------------------------------------------------
+-- Server version	10.11.10-MariaDB-log
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!40101 SET NAMES utf8mb4 */;
+/*!40103 SET @OLD_TIME_ZONE=@@TIME_ZONE */;
+/*!40103 SET TIME_ZONE='+00:00' */;
+/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
+/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
+/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
+/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
+
+--
+-- Table structure for table `images`
+--
+
+DROP TABLE IF EXISTS `images`;
+/*!40101 SET @saved_cs_client     = @@character_set_client */;
+/*!40101 SET character_set_client = utf8 */;
+CREATE TABLE `images` (
+  `id` int(11) NOT NULL AUTO_INCREMENT,
+  `image_guid` varchar(255) NOT NULL,
+  `patient_name` text DEFAULT NULL,
+  `client_name` varchar(100) DEFAULT NULL,
+  `original_filename` text DEFAULT NULL,
+  `filename` text NOT NULL,
+  `enabled` tinyint(1) DEFAULT 1,
+  `tooth_number` varchar(10) DEFAULT NULL,
+  `tooth_side` varchar(10) DEFAULT NULL,
+  `patient_name_resumed` varchar(50) DEFAULT NULL,
+  `original_image_id` int(11) DEFAULT NULL,
+  `rotation` int(11) DEFAULT 0,
+  `flip_horizontal` int(11) DEFAULT 0,
+  `flip_vertical` int(11) DEFAULT 0,
+  `created_at` datetime DEFAULT current_timestamp(),
+  PRIMARY KEY (`id`),
+  KEY `idx_images_enabled` (`enabled`),
+  KEY `idx_images_original` (`original_image_id`),
+  KEY `idx_patient_name` (`patient_name`(100)),
+  KEY `idx_image_guid` (`image_guid`),
+  KEY `idx_created_at` (`created_at`),
+  KEY `idx_client_name` (`client_name`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+/*!40101 SET character_set_client = @saved_cs_client */;
+
+--
+-- Table structure for table `users`
+--
+
+DROP TABLE IF EXISTS `users`;
+/*!40101 SET @saved_cs_client     = @@character_set_client */;
+/*!40101 SET character_set_client = utf8 */;
+CREATE TABLE `users` (
+  `id` int(11) NOT NULL AUTO_INCREMENT,
+  `username` varchar(50) NOT NULL,
+  `email` varchar(100) NOT NULL,
+  `password_hash` text NOT NULL,
+  `created_at` datetime DEFAULT current_timestamp(),
+  PRIMARY KEY (`id`),
+  UNIQUE KEY `username` (`username`),
+  UNIQUE KEY `email` (`email`)
+) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+/*!40101 SET character_set_client = @saved_cs_client */;
+
+--
+-- Dumping routines for database 'dental_images'
+--
+/*!40103 SET TIME_ZONE=@OLD_TIME_ZONE */;
+
+/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
+/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
+/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
+/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
+
+-- Dump completed on 2025-10-31 21:24:36
diff --git a/dental-server/server.js b/dental-server/server.js
index 68ae94a..0a6decc 100644
--- a/dental-server/server.js
+++ b/dental-server/server.js
@@ -892,23 +892,23 @@ async function start() {
     // Inicializar diretórios
     await initDirectories();
     
-    // Tentar inicializar banco apenas se .env já existe
+    // Recarregar .env se existir
     const envPath = path.join(__dirname, '.env');
     const fsSync = require('fs');
-    
     if (fsSync.existsSync(envPath)) {
+      require('dotenv').config();
+    }
+    
+    // Inicializar banco de dados se configurações existirem
+    if (process.env.DB_TYPE === 'sqlite' || (process.env.DB_HOST && process.env.DB_NAME)) {
       try {
-        // Recarregar .env se foi atualizado
-        require('dotenv').config();
-        
-        // Inicializar banco de dados apenas se configurações existem
-        if (process.env.DB_TYPE === 'sqlite' || (process.env.DB_HOST && process.env.DB_NAME)) {
-          await db.initDatabase();
-          console.log('✅ Banco de dados inicializado');
-        }
+        await db.initDatabase();
+        console.log('✅ Banco de dados inicializado');
       } catch (error) {
-        console.log('⚠️  Banco de dados não configurado. Execute a instalação em /install');
+        console.log('⚠️  Erro ao inicializar o banco:', error.message);
       }
+    } else {
+      console.log('⚠️  Banco de dados não configurado. Execute a instalação em /install');
     }
     
     // Iniciar servidor
diff --git a/docker-compose.yml b/docker-compose.yml
index df943c2..871125e 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -12,8 +12,8 @@ services:
     environment:
       - NODE_ENV=production
       - PORT=3000
-      - DB_TYPE=postgres
-      - DB_HOST=10.99.0.3
+      - DB_TYPE=sqlite
+      - DB_PATH=/app/data/dental_images.db
       - DB_PORT=5432
       - DB_USER=clube67
       - DB_PASSWORD=clube67_db_pass_9903
@@ -23,6 +23,7 @@ services:
     volumes:
       - ./uploads:/app/uploads
       - ./processed:/app/processed
+      - ./data:/app/data
 
 networks:
   default: