
            
            logEntry.innerHTML = `
                <span class="log-timestamp" style="color: #888888; margin-right: 10px;">[${timestamp}]</span>
                <span class="log-${type}" style="color: ${colorMap[type] || '#ffffff'};">${message}</span>
            `;
            
            logs.appendChild(logEntry);
            logs.scrollTop = logs.scrollHeight;
            
            // Keep only last 50 entries
            const entries = logs.querySelectorAll('.log-entry');
           