Web App: order the fonts @import before Tailwind so Archivo loads

Tailwind v4 inlines @import "tailwindcss" into many rules, which pushed
the Google Fonts @import after them and violated CSS's "imports must come
first" — PostCSS dropped it and the Archivo/DM Mono webfonts never loaded.
Move the fonts import above the Tailwind import.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Web App/web/src/style.css

@@ -1,8 +1,10 @@
-@import "tailwindcss";
-
-/* DriverVault webfonts — Archivo (UI + display, italic 800 is the brand voice) + DM Mono (data/labels). */
+/* DriverVault webfonts — Archivo (UI + display, italic 800 is the brand voice) + DM Mono (data/labels).
+   Must precede @import "tailwindcss": Tailwind v4 inlines its import into many
+   rules, so any @import after it would violate CSS's "imports must come first". */
 @import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,600;1,700;1,800&family=DM+Mono:ital,wght@0,400;0,500;1,400&display=swap");
 
+@import "tailwindcss";
+
 /* Tailwind v4 defaults dark: to a prefers-color-scheme media query. We need
    theme to be user-selectable (light/dark/system), so switch it to a class
    strategy — prefs.js toggles .dark on <html> based on the saved preference. */