diff --git a/Web App/web/src/style.css b/Web App/web/src/style.css
index 3416878..45557ce 100644
--- a/Web App/web/src/style.css	
+++ b/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. */