feat: add sort and tick to dashboard UI

app/globals.css

@@ -1,26 +1,35 @@
-@import "tailwindcss";
-
 :root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
+  --primary-bg: linear-gradient(to bottom, #38bdf8, #0ea5e9);
+  --card-bg: #dae4f0;
+  --text-dark: #0f172a;
+  --text-light: #e0f2fe;
+  --accent: #0284c7;
 }
 
 body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: 'Inter', sans-serif;
+  margin: 0;
+  padding: 0;
+  background: var(--primary-bg);
 }
+
+h1, h2, h3 {
+  font-weight: 900;
+  letter-spacing: 2px;
+}
+
+/* ✅ Consistent placeholder styling */
+input::placeholder,
+textarea::placeholder {
+  color: #6b7280; /* same grey as Title/Description */
+  font-family: inherit;
+  font-size: 14px;
+}
+
+/* ✅ Style the dropdown placeholder option */
+select option[value=""] {
+  color: #6b7280; /* same grey */
+  font-family: inherit;
+  font-size: 14px;
+}
+