Fix CSS filename and update pages

Author: Uttam Singh

frontend/src/index.css

@@ -0,0 +1,25 @@
+/* === FAT-EIBL Theme === */
+body {
+  margin: 0;
+  padding: 0;
+  background-color: #f8fbff;
+  font-family: "Segoe UI", Arial, sans-serif;
+  color: #0d1b2a;
+}
+
+h1, h2, h3 {
+  color: #0047AB;
+}
+
+button {
+  background-color: #0047AB;
+  color: #fff;
+  border: none;
+  border-radius: 6px;
+  padding: 10px 16px;
+  cursor: pointer;
+}
+
+button:hover {
+  background-color: #003580;
+}

frontend/src/pages/Dashboard.jsx

@@ -1,27 +1,9 @@
-import React, { useEffect, useState } from "react";
-const API = import.meta.env.VITE_API_URL || "http://localhost:8000";
-
-export default function Dashboard(){
-  const [stats, setStats] = useState({ total: 0, pending: 0, done: 0 });
-
-  useEffect(()=>{
-    fetch(`${API}/tasks`).then(r=>r.json()).then(list=>{
-      const total = list.length;
-      const done = list.filter(x=>x.status === "Done").length;
-      const pending = list.filter(x=>x.status !== "Done").length;
-      setStats({ total, done, pending });
-    });
-  },[]);
+import React from "react";
 
+export default function Dashboard() {
   return (
-    <div>
-      <h1>Welcome to FAT-EIBL</h1>
-      <p className="muted">Finance Audit Tracker – Edme Insurance Brokers Limited</p>
-      <div style={{display:"grid", gridTemplateColumns:"repeat(3, 1fr)", gap:12}}>
-        <div className="card"><h3>Total Tasks</h3><div style={{fontSize:30}}>{stats.total}</div></div>
-        <div className="card"><h3>Pending</h3><div style={{fontSize:30}}>{stats.pending}</div></div>
-        <div className="card"><h3>Done</h3><div style={{fontSize:30}}>{stats.done}</div></div>
-      </div>
+    <div style={{ textAlign: "center", marginTop: "100px" }}>
+      <h2>Dashboard Page</h2>
     </div>
   );
 }

frontend/src/pages/login.jsx

@@ -2,33 +2,14 @@ import React from "react";
 
 export default function Login() {
   return (
-    <div className="flex items-center justify-center h-screen bg-gray-50">
-      <div className="p-6 bg-white rounded-2xl shadow-lg text-center">
-        <h1 className="text-2xl font-bold text-blue-900 mb-2">
-          Welcome to FAT-EIBL
-        </h1>
-        <p className="text-gray-500 mb-4">
-          Finance Audit Tracker – Edme Insurance Brokers Limited
-        </p>
-        <form>
-          <input
-            type="email"
-            placeholder="Email"
-            className="border p-2 w-64 mb-3 rounded"
-          />
-          <input
-            type="password"
-            placeholder="Password"
-            className="border p-2 w-64 mb-3 rounded"
-          />
-          <button
-            type="submit"
-            className="bg-blue-700 text-white px-4 py-2 rounded w-64"
-          >
-            Login
-          </button>
-        </form>
-      </div>
+    <div style={{
+      textAlign: "center",
+      marginTop: "100px",
+      fontFamily: "sans-serif",
+      color: "#003366"
+    }}>
+      <h1>Welcome to FAT-EIBL</h1>
+      <p>Finance Audit Tracker – Edme Insurance Brokers Limited</p>
     </div>
   );
 }