From 6b5261f7605ed970c606bdedca67f6a63c2f551b Mon Sep 17 00:00:00 2001
From: Luca Sacchi Ricciardi <luca@lucasacchi.net>
Date: Fri, 3 Apr 2026 15:43:40 +0200
Subject: [PATCH] fix: add Tailwind v4 import directive to index.css

Critical bug fix (P0): Tailwind CSS classes were not being compiled.

Root Cause:
- Tailwind v4 requires explicit @import tailwindcss in CSS file
- File was missing this directive, causing all utility classes to be ignored
- CSS bundle was only 4KB instead of expected 30KB+

Fix:
- Added @import tailwindcss; at the top of src/index.css
- Verified build now generates 30KB+ CSS bundle with all utility classes
- Confirmed classes like text-3xl, bg-indigo-600, max-w-7xl are present

Safety First:
- Build passes successfully
- No breaking changes to existing styles
- Incremental fix before UI refactoring

Refs: Tailwind v4 migration guide
---
 frontend/src/index.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 5fb3313..c4b94ee 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,3 +1,5 @@
+@import "tailwindcss";
+
 :root {
   --text: #6b6375;
   --text-h: #08060d;