Implement comprehensive report system with detailed viewing and AI enhancements

- Add detailed report viewing with full-screen ReportDetail component for both company and employee reports
- Fix company wiki to display onboarding Q&A in card format matching Figma designs
- Exclude company owners from employee submission counts (owners contribute to wiki, not employee data)
- Fix employee report generation to include company context (wiki + company report + employee answers)
- Fix company report generation to use filtered employee submissions only
- Add proper error handling for submission data format variations
- Update Firebase functions to use gpt-4o model instead of deprecated gpt-4.1
- Fix UI syntax errors and improve report display functionality
- Add comprehensive logging for debugging report generation flow

🤖 Generated with [Claude Code](https://claude.ai/code)

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

index.css

@@ -1,55 +1,63 @@
 @import "tailwindcss";
 
 :root {
-    /* Light theme variables - using new Figma color palette */
-    --background-primary    : #FFFFFF;
-    /* Base White */
-    --background-secondary  : #FDFDFD;
-    /* Gray 6 */
-    --background-tertiary   : #FAFAFA;
-    /* Gray 5 */
-    --text-primary          : #0A0D12;
-    /* Dark 7 */
-    --text-secondary        : #717680;
-    /* Dark 2 */
-    --text-tertiary         : #A4A7AE;
-    /* Gray 1 */
-    --accent                : #5E48FC;
-    /* Brand Main */
-    --accent-hover          : #4C3CF0;
-    /* Slightly darker brand */
-    --accent-text           : #FFFFFF;
-    /* Base White */
-    --border-color          : #E9EAEB;
-    /* Gray 3 */
-    --border-light          : #F5F5F5;
-    /* Gray 4 */
-    --sidebar-bg            : #FDFDFD;
-    /* Gray 6 */
-    --sidebar-text          : #717680;
-    /* Dark 2 */
-    --sidebar-active-bg     : #5E48FC;
-    /* Brand Main */
-    --sidebar-active-text   : #FFFFFF;
-    /* Base White */
-    --input-bg              : #F5F5F5;
-    /* Gray 4 */
-    --input-border          : #E9EAEB;
-    /* Gray 3 */
-    --input-placeholder     : #717680;
-    /* Dark 2 */
+
+
+    --background-primary  : #FFFFFF;
+    --background-secondary: #FDFDFD;
+    --background-tertiary : #FAFAFA;
+
+    --text-primary  : #0A0D12;
+    --text-secondary: #717680;
+    --text-tertiary : #A4A7AE;
+
+    --accent      : ##3399FF;
+    --accent-hover: #4C3CF0;
+    --accent-text : #FFFFFF;
+
+    --border-color: #E9EAEB;
+    --border-light: #F5F5F5;
+
+    --sidebar-bg         : #FDFDFD;
+    --sidebar-text       : #717680;
+    --sidebar-active-bg  : #3399FF;
+    --sidebar-active-text: #FFFFFF;
+
+    --input-bg         : #F5F5F5;
+    --input-border     : #E9EAEB;
+    --input-placeholder: #717680;
+
     --button-secondary-bg   : #F5F5F5;
-    /* Gray 4 */
     --button-secondary-hover: #E9EAEB;
-    /* Gray 3 */
-    --status-red            : #F63D68;
-    /* Other Red */
-    --status-green          : #3CCB7F;
-    /* Other Green */
-    --status-orange         : #FF4405;
-    /* Other Orange */
-    --status-yellow         : #FEEE95;
-    /* Other Yellow */
+
+    --color-red         : #F63D68;
+    --color-green       : #3CCB7F;
+    --color-orange      : #FF4405;
+    --color-light-orange: #F38744;
+    --color-yellow      : #FEEE95;
+
+    --gray-0  : #FFFFFF;
+    --gray-50 : #F7F7F8;
+    --gray-100: #F1F2F4;
+    --gray-200: #E2E5E9;
+    --gray-300: #CBD0D7;
+    --gray-400: #99A1AE;
+    --gray-500: #6C7889;
+    --gray-600: #515A67;
+    --gray-700: #2D3239;
+    --gray-800: #24282E;
+    --gray-900: #121417;
+
+    --neutral-100: #A4A7AE;
+    --neutral-200: #D5D7DA;
+    --neutral-300: #E9EAEB;
+    --neutral-400: #f5f5f5;
+    --neutral-500: #FAFAFA;
+    --neutral-600: #FDFDFD;
+    --neutral-700: #FEFEFE;
+
+    --button-bg-primary    : #39F;
+    --button-border-primary: #66B2FF;
 }
 
 .dark {
@@ -102,6 +110,25 @@
     /* Other Orange */
     --status-yellow         : #FEEE95;
     /* Other Yellow */
+    --neutral-200           : #717670;
+    --neutral-300           : #535862;
+    --neutral-400           : #414651;
+    --neutral-500           : #252B37;
+    --neutral-600           : #181D27;
+    --neutral-700           : #0A0D12;
+
+    --gray-900: #FFFFFF;
+    --gray-800: #F7F7F8;
+    --gray-700: #F1F2F4;
+    --gray-600: #E2E5E9;
+    --gray-500: #CBD0D7;
+    --gray-400: #99A1AE;
+    --gray-300: #6C7889;
+    --gray-200: #515A67;
+    --gray-100: #2D3239;
+    --gray-50 : #24282E;
+    --gray-0  : #121417;
+
 }
 
 * {