feat: add complete EnCoach frontend application

Full React 18 + TypeScript + Vite frontend with:
- 90+ pages (admin, student, teacher, public)
- shadcn/ui component library with 50+ components
- JWT authentication with role-based access control
- TanStack React Query for server state management
- 30+ API service modules
- AI-powered features (coaching, grading, generation)
- Adaptive learning UI (diagnostics, proficiency, plans)
- Institutional LMS management (courses, batches, timetable)
- Communication suite (discussions, announcements, DMs)
- Full CRUD with validation and confirmation dialogs

Made-with: Cursor

src/index.css

@@ -0,0 +1,122 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 30 15% 97%;
+    --foreground: 240 20% 13%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 240 20% 13%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 20% 13%;
+
+    --primary: 8 50% 54%;
+    --primary-foreground: 0 0% 100%;
+
+    --secondary: 30 12% 94%;
+    --secondary-foreground: 240 20% 13%;
+
+    --muted: 30 10% 93%;
+    --muted-foreground: 240 10% 46%;
+
+    --accent: 42 40% 92%;
+    --accent-foreground: 42 40% 28%;
+
+    --destructive: 0 72% 51%;
+    --destructive-foreground: 0 0% 100%;
+
+    --success: 152 60% 42%;
+    --success-foreground: 0 0% 100%;
+
+    --warning: 38 92% 50%;
+    --warning-foreground: 0 0% 100%;
+
+    --info: 220 70% 52%;
+    --info-foreground: 0 0% 100%;
+
+    --border: 30 10% 90%;
+    --input: 30 10% 90%;
+    --ring: 8 50% 54%;
+
+    --radius: 0.625rem;
+
+    --sidebar-background: 240 20% 16%;
+    --sidebar-foreground: 240 10% 90%;
+    --sidebar-primary: 8 50% 58%;
+    --sidebar-primary-foreground: 0 0% 100%;
+    --sidebar-accent: 240 18% 22%;
+    --sidebar-accent-foreground: 8 40% 78%;
+    --sidebar-border: 240 18% 20%;
+    --sidebar-ring: 8 50% 58%;
+  }
+
+  .dark {
+    --background: 240 22% 7%;
+    --foreground: 30 12% 95%;
+
+    --card: 240 20% 11%;
+    --card-foreground: 30 12% 95%;
+
+    --popover: 240 20% 11%;
+    --popover-foreground: 30 12% 95%;
+
+    --primary: 8 52% 50%;
+    --primary-foreground: 0 0% 100%;
+
+    --secondary: 240 18% 16%;
+    --secondary-foreground: 30 12% 95%;
+
+    --muted: 240 18% 16%;
+    --muted-foreground: 240 8% 58%;
+
+    --accent: 42 35% 20%;
+    --accent-foreground: 42 40% 72%;
+
+    --destructive: 0 62% 40%;
+    --destructive-foreground: 0 0% 100%;
+
+    --success: 152 45% 35%;
+    --success-foreground: 0 0% 100%;
+
+    --warning: 38 70% 45%;
+    --warning-foreground: 0 0% 100%;
+
+    --info: 220 55% 42%;
+    --info-foreground: 0 0% 100%;
+
+    --border: 240 18% 18%;
+    --input: 240 18% 18%;
+    --ring: 8 52% 50%;
+
+    --sidebar-background: 240 22% 9%;
+    --sidebar-foreground: 240 10% 88%;
+    --sidebar-primary: 8 50% 55%;
+    --sidebar-primary-foreground: 0 0% 100%;
+    --sidebar-accent: 240 18% 15%;
+    --sidebar-accent-foreground: 8 40% 75%;
+    --sidebar-border: 240 18% 13%;
+    --sidebar-ring: 8 50% 55%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+
+  body {
+    @apply bg-background text-foreground antialiased;
+    font-family: 'Inter', system-ui, sans-serif;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-family: 'DM Sans', system-ui, sans-serif;
+  }
+
+  code, pre {
+    font-family: 'JetBrains Mono', monospace;
+  }
+}