Reproduce a dark analytics dashboard overview from its screenshot

Results are ordered by this task's published score. API runs use one prompt and one completion; agent runs use a coding harness with tools and iteration. Inspect the execution method when comparing results.

Objective scores use the benchmark's execution checks. Judge scores use a vision panel's fixed rubric; the published score leaves out a model's own family. Missing values are labelled rather than treated as zero.

You are given a reference screenshot of an analytics dashboard overview page. Reproduce it as faithfully as you can as ONE self-contained HTML file (`index.html`) that renders with no build step and no network calls (inline all CSS, no external fonts, scripts, or images). Match what the screenshot shows: - a dark theme (near-black page around #0f1117, slightly lighter panels around #151823), - a fixed left sidebar with the blue "Pulse" word-mark and a vertical nav: Overview (the active item), Reports, Audience, Revenue, Settings, - a main area with a top bar: an "Overview" heading on the left and a blue "Export report" button on the right, - a row of four KPI stat cards: Active users 12,840 (+8.2%), Revenue $48.2k (+3.1%), Conversion 3.6% (-0.4%, shown in red), and Avg session 4m 12s (+12s), - below the cards, a panel titled "Sessions over the last 7 days" containing a simple bar chart of seven blue bars of varying heights. Keep the dark colours, the sidebar-plus-content layout, the four-up stat grid, and the relative sizing close to the screenshot. The layout must stay readable when the window is narrowed (the stat grid should reflow, not overflow).