From 12b6a995313494f37ee0c2511502ade1f8f5b77c Mon Sep 17 00:00:00 2001
From: sumona-banerjeee <sumobanerjee2000@gmail.com>
Date: Wed, 11 Feb 2026 17:34:31 +0530
Subject: [PATCH] Changed colour of button and made all same

---
 app/globals.css                          |  47 ++++++
 app/results/page.tsx                     |  63 +-------
 app/upload/page.tsx                      |  20 +--
 build_log.txt                            | Bin 0 -> 4262 bytes
 components/dashboard/filter-selector.tsx |   2 +-
 components/data-table.tsx                |   2 +-
 components/summary-section.tsx           |   2 +-
 components/upload-section.tsx            |  21 +--
 components/video-player-section.tsx      |  11 +-
 lib/types.ts                             |  61 ++++++++
 styles/globals.css                       | 178 -----------------------
 11 files changed, 140 insertions(+), 267 deletions(-)
 create mode 100644 build_log.txt
 create mode 100644 lib/types.ts
 delete mode 100644 styles/globals.css

diff --git a/app/globals.css b/app/globals.css
index 55d2d06..1113553 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -315,4 +315,51 @@
     background: oklch(0.25 0.02 280);
     color: oklch(0.60 0.02 280);
   }
+}
+
+@layer utilities {
+  @keyframes logo-float {
+
+    0%,
+    100% {
+      transform: translateY(0) scale(1);
+    }
+
+    50% {
+      transform: translateY(-3px) scale(1.02);
+    }
+  }
+
+  @keyframes logo-spin-slow {
+    from {
+      transform: rotate(0deg);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes logo-spin-reverse-slow {
+    from {
+      transform: rotate(360deg);
+    }
+
+    to {
+      transform: rotate(0deg);
+    }
+  }
+
+  .animate-logo-float {
+    animation: logo-float 3s ease-in-out infinite;
+  }
+
+  .animate-logo-spin-slow {
+    animation: logo-spin-slow 12s linear infinite;
+  }
+
+  .animate-logo-spin-reverse-slow {
+    animation: logo-spin-reverse-slow 8s linear infinite;
+  }
+
 }
\ No newline at end of file
diff --git a/app/results/page.tsx b/app/results/page.tsx
index e8e8a47..56596ee 100644
--- a/app/results/page.tsx
+++ b/app/results/page.tsx
@@ -14,71 +14,10 @@ import {
     clearSession
 } from "@/lib/api"
 import { getVideoFile, clearVideoFile } from "@/lib/video-storage"
+import { DetectionData, DetectionType } from "@/lib/types"
 
 const API_URL = process.env.NEXT_PUBLIC_API_URL || "http://127.0.0.1:8000/api/v1"
 
-type DetectionType = "pothole-detection" | "sign-board-detection"
-
-type DetectionData = {
-    video_id: string
-    detection_type?: string
-    output_video_path?: string
-    video_info: {
-        fps: number
-        width: number
-        height: number
-        total_frames: number
-    }
-    summary: {
-        unique_potholes?: number
-        unique_signboards?: number
-        total_detections: number
-        total_frames: number
-        detection_rate: number
-    }
-    pothole_list?: Array<{
-        pothole_id: number
-        first_detected_frame: number
-        first_detected_time: number
-        confidence: number
-        lat?: number
-        lng?: number
-    }>
-    signboard_list?: Array<{
-        signboard_id: number
-        type: string
-        first_detected_frame: number
-        first_detected_time: number
-        confidence: number
-        lat?: number
-        lng?: number
-    }>
-    frames: Array<{
-        frame_id: number
-        potholes?: Array<{
-            pothole_id: number
-            bbox: {
-                x1: number
-                y1: number
-                x2: number
-                y2: number
-            }
-            confidence: number
-        }>
-        signboards?: Array<{
-            signboard_id: number
-            type: string
-            bbox: {
-                x1: number
-                y1: number
-                x2: number
-                y2: number
-            }
-            confidence: number
-        }>
-    }>
-}
-
 export default function ResultsPage() {
     const router = useRouter()
     const [session, setSession] = useState<SessionContext | null>(null)
diff --git a/app/upload/page.tsx b/app/upload/page.tsx
index 96294e5..2d9ee4b 100644
--- a/app/upload/page.tsx
+++ b/app/upload/page.tsx
@@ -213,13 +213,13 @@ export default function UploadPage() {
                                         </div>
                                     </div>
                                     <Button
-                                        variant="ghost"
                                         size="sm"
                                         onClick={handleBackToSelection}
-                                        className="text-gray-500 hover:text-gray-700 dark:hover:text-gray-300 text-xs"
+                                        className="bg-blue-600 hover:bg-blue-700 text-white text-xs"
                                     >
                                         Change Selection
                                     </Button>
+
                                 </div>
                             </div>
                         </div>
@@ -229,7 +229,7 @@ export default function UploadPage() {
                     <Card className="rounded-xl overflow-hidden animate-in fade-in slide-in-from-bottom duration-700 delay-150 flex-1">
                         <CardHeader className="pb-4 border-b border-gray-100 dark:border-gray-700 bg-white dark:bg-gray-900">
                             <CardTitle className="text-xl font-bold">
-                                <span className="bg-gradient-to-r from-indigo-600 via-purple-500 to-indigo-600 dark:from-indigo-400 dark:via-purple-400 dark:to-indigo-400 bg-clip-text text-transparent">
+                                <span className="bg-gradient-to-r from-blue-600 via-blue-500 to-blue-600 dark:from-blue-400 dark:via-blue-300 dark:to-blue-400  bg-clip-text text-transparent">
                                     Upload Video
                                 </span>
                             </CardTitle>
@@ -253,7 +253,7 @@ export default function UploadPage() {
                                             setError(null)
                                         }}
                                         disabled={uploading}
-                                        className="h-10 bg-gray-50 dark:bg-gray-800 file:mr-3 file:py-1.5 file:px-3 file:rounded-md file:border-0 file:bg-indigo-100 dark:file:bg-indigo-900/50 file:text-indigo-600 dark:file:text-indigo-400 file:font-medium file:text-xs hover:file:bg-indigo-200"
+                                        className="h-10 bg-gray-50 dark:bg-gray-800 file:mr-3 file:py-1.5 file:px-3 file:rounded-md file:border-0 file:bg-blue-100 dark:file:bg-blue-900/50 file:text-blue-600 dark:file:text-blue-400 file:font-medium file:text-xs hover:file:bg-blue-200"
                                     />
                                 </div>
 
@@ -271,7 +271,7 @@ export default function UploadPage() {
                                             setError(null)
                                         }}
                                         disabled={uploading}
-                                        className="h-10 bg-gray-50 dark:bg-gray-800 file:mr-3 file:py-1.5 file:px-3 file:rounded-md file:border-0 file:bg-indigo-100 dark:file:bg-indigo-900/50 file:text-indigo-600 dark:file:text-indigo-400 file:font-medium file:text-xs hover:file:bg-indigo-200"
+                                        className="h-10 bg-gray-50 dark:bg-gray-800 file:mr-3 file:py-1.5 file:px-3 file:rounded-md file:border-0 file:bg-blue-100 dark:file:bg-blue-900/50 file:text-blue-600 dark:file:text-blue-400 file:font-medium file:text-xs hover:file:bg-blue-200"
                                     />
                                 </div>
 
@@ -331,7 +331,9 @@ export default function UploadPage() {
                             <Button
                                 onClick={handleUpload}
                                 disabled={!file || uploading}
-                                className={`w-full h-12 text-sm font-semibold transition-all rounded-xl ${file && !uploading ? 'bg-gradient-to-r from-indigo-500 to-purple-600 hover:from-indigo-600 hover:to-purple-700 text-white shadow-lg shadow-indigo-500/25' : ''
+                                className={`w-full h-12 text-sm font-semibold transition-all rounded-xl ${file && !uploading
+                                    ? 'bg-gradient-to-r from-blue-500 to-blue-700 hover:from-blue-600 hover:to-blue-800 text-white shadow-lg shadow-blue-500/25'
+                                    : ''
                                     }`}
                                 size="lg"
                             >
@@ -347,13 +349,13 @@ export default function UploadPage() {
 
                             {/* Progress Section */}
                             {uploading && (
-                                <div className="space-y-3 p-4 rounded-xl bg-indigo-50 dark:bg-indigo-950/30 border border-indigo-200 dark:border-indigo-800 animate-in fade-in slide-in-from-top duration-500">
+                                <div className="space-y-3 p-4 rounded-xl bg-blue-50 dark:bg-blue-950/30 border border-blue-200 dark:border-blue-800 animate-in fade-in slide-in-from-top duration-500">
                                     <div className="space-y-2">
                                         <div className="flex items-center justify-between text-sm">
                                             <span className="font-medium text-gray-700 dark:text-gray-300 text-xs">Processing Progress</span>
-                                            <span className="font-bold text-indigo-600 dark:text-indigo-400 text-xs">{progress}%</span>
+                                            <span className="font-bold text-blue-600 dark:text-blue-400 text-xs">{progress}%</span>
                                         </div>
-                                        <div className="h-2 rounded-full bg-indigo-100 dark:bg-indigo-900/50 overflow-hidden">
+                                        <div className="h-2 rounded-full bg-blue-100 dark:bg-blue-900/50 overflow-hidden">
                                             <div
                                                 className="h-full bg-gradient-to-r from-indigo-500 to-purple-600 rounded-full transition-all duration-300"
                                                 style={{ width: `${progress}%` }}
diff --git a/build_log.txt b/build_log.txt
new file mode 100644
index 0000000000000000000000000000000000000000..fff4e02a2ffe6f6a53f763eabadfe809668f54d3
GIT binary patch
literal 4262
zcmb`L+iqJ`5Qdl3J0zZfo2^RVA{ysJ3Phr$q@?tM3Yy%t930zCTzrxbP22)6kw@Sa
zxkCc}Z)UHoeXvbb(3a!9*ZS8#vu4fwvz@>HdN;fi?uRT4!Xj*hS7A$k$6*pi;brKC
zc9?|&jWxrzK3l?_hI#0Pe&~d_awy!TaMd~HhvMmIzG;}QF#GyE6H6;hHP#mw>o<(;
z)a+i^%tT`Yp~kwvoQ3bT@+6!Kof*2L*_l3>&1bql*WFal1G738d&K(qNc-!`2G|Q>
z967X=ti$7x?X9UNtbysu`c%7~T(h+lm$r@I0XDv@?5FJET_MKijqf_s+Ogu|tBDAf
zf0CWCd}lwzvKpZj9nkEf8leN(aL%dx$~6B_te_v*bBy-BPBYUE&V`=nM79m{k;XpI
z=XN;M*z@qM=0=M9L@2yEl3zr0YUt<k*3b5(MmDdX;z{4u3M{W;V=ghSV*Am~(wUmd
zqUN=yzlEDzSh)$#G5;M61DV4`JP-5pI8&@9s<6k3(+kTg5Jhxc<=^DQ6X9mzSUEw4
zC3IWo@Is%iG6>wAN<BG)b9-&2%<&k;iaIdf$h|Cg_GN!2&#6G?bwAF+hkAadnk2WM
z$`@*mTKGy@&@N%S+QCc=BXJaWOni=134L9Q@SW~jx=VXYJI=&9(M1d&YuBzKPb{`Q
ztLeB0z7K^P=xWJcr?Ap(Cl9V}{TZ&_C(f>4O(`BKupRE1)}eVQ-W}-x)qg79u~^&T
zXYC%I#C53oZtf3Sm6`R-R<QShKCgwqcURYrI8j%ROHn&B%X824WlEV&v#0_163?}$
zlvR}kw@N9iD(To|N?BJ)uw|vJt0b7ZQbrHSBoOPBGN~lke^bg7A!m*eTCJ2>xVrUw
z_(Q&U9<c(|<K*Z9C_frFRSm}6jU8x5C%2;+Y<aaj6=tZ*I~W~hq5XALRc&QVPxt6_
zQnn-IO|myr{-D$3bM(XW0t-#4Zk(gGi2h90H}#q46@cb=Z>8I&d}|u=Qu?uH`oCvB
zNAKu)vEERaZ{z{_n)+!&x_%%_-k&$+T}xTt)o4R_`bzAlbP4z_g`s}Y2x2+V_dqp;
zB|rCux>eWalb;X8M2~N1x0&X9wwB#5#5T`)sC0Tdmgce?yM9A>BIkD9%4!>#P85xy
z*I{AZ4w>gn>9f>*CwyUR7=KT?xMeKdeU{(viuD(p+tpaK0b*BrgFYlrebiBJw2o((
zcXbV{r%Yrqq5O`yyZI<+U!UgaMXV#Q$rR6*#0@^7BU7CPZf7Ev(?TY@mN`dcOMb6r
zbhfX>=G?q7PS)<vy#k#)j{7@NEN7Oh$rC@(U-MXc#N%lfQGUN;ehl&qSYBhi1yg_c
zjvpPN6B8qTZt?s-{@>33#B5S+vw}sp9diKtWLEX`9#~wc!V~%36BFGEG_{@lFSC`I
zKzk<o`&-PKc;Y@6PaAaI3$O53c2bLiUC`@nJNF~`J<t8ViPvRT)C@&NFN#@~1@a?d
zsmgUZLVkem%NO3s$l47tq6h4+nh(CO?YzqPzHfWoQO_vH5Z0s|dvBRJu*~v)lZB`w
z9>KZ_f{tpN^5AV_vb;AWUaXbtgML}oNAIBgb#!|6J4Wj<{b6ZL>-O$d?9~yUR1kC+
z@7~2Mq2i8}0sh8Gzdcq4qz=ZfD7bldoaX*k>*4d#IOsR|p4neikWXv=#Ms0)D31mn
z?UxwSINbHKub(?Bw#<it{jI(ur~d+E_Dg!AcjDB^>Gsr@clryvKbQ9?DOJKd1;0S?
Y#^2I;x9X{)hkEYY{7^CFmjRf600<m<W&i*H

literal 0
HcmV?d00001

diff --git a/components/dashboard/filter-selector.tsx b/components/dashboard/filter-selector.tsx
index bc0625f..2425483 100644
--- a/components/dashboard/filter-selector.tsx
+++ b/components/dashboard/filter-selector.tsx
@@ -39,7 +39,7 @@ export function FilterSelector({
         <div className="flex flex-wrap items-center gap-3 p-3 rounded-xl bg-card border border-[var(--border)] shadow-sm">
             {/* Project Dropdown */}
             <div className="flex items-center gap-2">
-                <div className="p-1.5 rounded-lg bg-indigo-100 dark:bg-indigo-900/50">
+                <div className="p-1.5 rounded-lg bg-blue-100 dark:bg-blue-900/50">
                     <FolderOpen className="h-4 w-4 text-indigo-500" />
                 </div>
                 <Select
diff --git a/components/data-table.tsx b/components/data-table.tsx
index 6c4de5a..8093433 100644
--- a/components/data-table.tsx
+++ b/components/data-table.tsx
@@ -36,7 +36,7 @@ export function DataTable<T extends Record<string, any>>({
                 </div>
                 <Button
                     onClick={onAddNew}
-                    className="bg-blue-600 hover:bg-blue-800 text-white shadow-md transition-all duration-300 hover:scale-105 active:scale-95 border-none h-8 px-4 text-xs font-semibold"
+                    className="bg-blue-600 hover:bg-blue-700 text-white shadow-lg shadow-blue-500/25 transition-all duration-300 hover:scale-105 active:scale-95 border-none h-8 px-4 text-xs font-semibold"
                 >
                     <Plus className="h-3.5 w-3.5 mr-1.5 stroke-[3px]" />
                     {addButtonText}
diff --git a/components/summary-section.tsx b/components/summary-section.tsx
index 9884fd5..4a191b1 100644
--- a/components/summary-section.tsx
+++ b/components/summary-section.tsx
@@ -2,7 +2,7 @@
 
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 import { Target, AlertTriangle, Film, Activity, Gauge, Monitor } from "lucide-react"
-import type { DetectionData } from "@/app/page"
+import type { DetectionData } from "@/lib/types"
 
 type SummarySectionProps = {
   data: DetectionData
diff --git a/components/upload-section.tsx b/components/upload-section.tsx
index 733fa68..d6406c4 100644
--- a/components/upload-section.tsx
+++ b/components/upload-section.tsx
@@ -8,7 +8,7 @@ import { Label } from "@/components/ui/label"
 import { Progress } from "@/components/ui/progress"
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
 import { Upload, Loader2, AlertCircle } from "lucide-react"
-import type { DetectionData, DetectionType } from "@/app/page"
+import type { DetectionData, DetectionType } from "@/lib/types"
 
 const API_URL = process.env.NEXT_PUBLIC_API_URL || "http://127.0.0.1:8000/api/v1"
 const WS_URL = process.env.NEXT_PUBLIC_WS_URL || "ws://127.0.0.1:8000/api/v1"
@@ -57,14 +57,14 @@ export function UploadSection({ onDetectionComplete, onDetectionTypeChange }: Up
         setProgress(progressValue)
 
         let message = data.message || "Processing..."
-        
+
         // Handle both pothole and signboard progress messages
         if (data.unique_potholes !== undefined) {
           message += ` | Unique: ${data.unique_potholes} | Total: ${data.total_detections || 0}`
         } else if (data.unique_signboards !== undefined) {
           message += ` | Unique: ${data.unique_signboards} | Total: ${data.total_detections || 0}`
         }
-        
+
         setStatusMessage(message)
       }
 
@@ -135,7 +135,7 @@ export function UploadSection({ onDetectionComplete, onDetectionTypeChange }: Up
     formData.append("file", file)
     formData.append("detection_type", detectionType)
     formData.append("speed_kmh", speed.toString())
-    
+
     // Add JSON file if provided
     if (jsonFile) {
       formData.append("json_file", jsonFile)
@@ -153,7 +153,7 @@ export function UploadSection({ onDetectionComplete, onDetectionTypeChange }: Up
       console.log("  - file:", file.name)
       console.log("  - detection_type:", detectionType)
       console.log("  - speed_kmh:", speed)
-      
+
       const response = await fetch(`${API_URL}/upload`, {
         method: "POST",
         headers: {
@@ -183,7 +183,7 @@ export function UploadSection({ onDetectionComplete, onDetectionTypeChange }: Up
       console.error("[Upload] Upload error:", error)
 
       let errorMessage = "Upload failed"
-      
+
       if (error instanceof TypeError && error.message === "Failed to fetch") {
         errorMessage = "Cannot connect to server. Please check:\n• Backend is running on " + API_URL + "\n• CORS is configured properly\n• No firewall blocking the connection"
       } else if (error instanceof Error) {
@@ -305,10 +305,11 @@ export function UploadSection({ onDetectionComplete, onDetectionTypeChange }: Up
         )}
 
         {/* Upload Button */}
-        <Button 
-          onClick={handleUpload} 
-          disabled={!file || uploading} 
-          className="w-full transition-all" 
+        <Button
+          onClick={handleUpload}
+          disabled={!file || uploading}
+          className="w-full transition-all bg-blue-600 hover:bg-blue-700 text-white shadow-lg shadow-blue-500/25"
+
           size="lg"
         >
           {uploading ? (
diff --git a/components/video-player-section.tsx b/components/video-player-section.tsx
index 747d4c5..8df6a41 100644
--- a/components/video-player-section.tsx
+++ b/components/video-player-section.tsx
@@ -296,7 +296,8 @@ function DetailedSummarySection({
               {allDetections.map(({ detection, locationName, packageName }, idx) => (
                 <div
                   key={`${detection.id}-${idx}`}
-                  className="text-xs p-2 bg-card rounded border-l-2 border-blue-500"
+                  className="text-xs p-2 bg-white dark:bg-gray-900 rounded shadow-sm border border-gray-100 dark:border-gray-800"
+
                 >
                   <div className="flex items-center justify-between mb-1">
                     <span className="font-semibold">
@@ -413,8 +414,8 @@ function SummarySection({ data, show, detectionType }: { data: DetectionData; sh
                 className="flex flex-col items-center justify-center p-3 rounded-xl transition-all hover:scale-105 animate-in fade-in slide-in-from-bottom duration-500 border border-gray-100 dark:border-gray-800 bg-gradient-to-br from-white to-gray-50 dark:from-gray-900 dark:to-gray-800 shadow-sm hover:shadow-md"
                 style={{ animationDelay: `${index * 100}ms` }}
               >
-                <div className={`${stat.bgColor} p-2.5 rounded-lg mb-2 transition-all shadow-inner`}>
-                  <Icon className={`h-5 w-5 ${stat.color}`} />
+                <div className={`${stat.bgColor} p-3 rounded-lg mb-2 transition-all shadow-inner`}>
+                  <Icon className={`h-6 w-6 ${stat.color}`} />
                 </div>
                 <div className={`text-xl font-bold ${stat.color} mb-1`}>{stat.value}</div>
                 <div className="text-[10px] text-muted-foreground text-center leading-tight font-medium uppercase tracking-wide">{stat.label}</div>
@@ -940,8 +941,8 @@ export default function VideoPlayerSection({ data, videoId, videoFile, detection
                       <div
                         key={`${log.frame}-${index}`}
                         onClick={() => seekToFrame(log.frame)}
-                        className={`text-xs p-3 bg-card rounded-md border-l-2 cursor-pointer hover:bg-accent/50 transition-colors ${isPothole ? "border-red-500" : "border-blue-500"
-                          }`}
+                        className="text-xs p-3 bg-white dark:bg-gray-900 rounded-md cursor-pointer hover:bg-accent/50 transition-colors shadow-sm"
+
                       >
                         <div className="flex items-center justify-between mb-2">
                           <span className="font-semibold text-foreground">Frame: {log.frame}</span>
diff --git a/lib/types.ts b/lib/types.ts
new file mode 100644
index 0000000..7fcf6f4
--- /dev/null
+++ b/lib/types.ts
@@ -0,0 +1,61 @@
+export type DetectionType = "pothole-detection" | "sign-board-detection"
+
+export type DetectionData = {
+    video_id: string
+    detection_type?: string
+    output_video_path?: string
+    video_info: {
+        fps: number
+        width: number
+        height: number
+        total_frames: number
+    }
+    summary: {
+        unique_potholes?: number
+        unique_signboards?: number
+        total_detections: number
+        total_frames: number
+        detection_rate: number
+    }
+    pothole_list?: Array<{
+        pothole_id: number
+        first_detected_frame: number
+        first_detected_time: number
+        confidence: number
+        lat?: number
+        lng?: number
+    }>
+    signboard_list?: Array<{
+        signboard_id: number
+        type: string
+        first_detected_frame: number
+        first_detected_time: number
+        confidence: number
+        lat?: number
+        lng?: number
+    }>
+    frames: Array<{
+        frame_id: number
+        potholes?: Array<{
+            pothole_id: number
+            bbox: {
+                x1: number
+                y1: number
+                x2: number
+                y2: number
+            }
+            confidence: number
+        }>
+        signboards?: Array<{
+            signboard_id: number
+            type: string
+            bbox: {
+                x1: number
+                y1: number
+                x2: number
+                y2: number
+            }
+            confidence: number
+        }>
+    }>
+}
diff --git a/styles/globals.css b/styles/globals.css
deleted file mode 100644
index 8875fe0..0000000
--- a/styles/globals.css
+++ /dev/null
@@ -1,178 +0,0 @@
-@import 'tailwindcss';
-@import 'tw-animate-css';
-
-@custom-variant dark (&:is(.dark *));
-
-:root {
-  --background: #f8fafc;
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --destructive-foreground: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --radius: 0.625rem;
-  --sidebar: #ffffff;
-  --sidebar-foreground: #64748b;
-  --sidebar-primary: #2563eb;
-  --sidebar-primary-foreground: #ffffff;
-  --sidebar-accent: #f1f5f9;
-  --sidebar-accent-foreground: #0f172a;
-  --sidebar-border: #e2e8f0;
-  --sidebar-ring: #3b82f6;
-}
-
-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.145 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.145 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.985 0 0);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.396 0.141 25.723);
-  --destructive-foreground: oklch(0.637 0.237 25.331);
-  --border: oklch(0.269 0 0);
-  --input: oklch(0.269 0 0);
-  --ring: oklch(0.439 0 0);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(0.269 0 0);
-  --sidebar-ring: oklch(0.439 0 0);
-}
-
-@theme inline {
-  --font-sans: 'Geist', 'Geist Fallback';
-  --font-mono: 'Geist Mono', 'Geist Mono Fallback';
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-}
-
-@layer utilities {
-  @keyframes logo-float {
-
-    0%,
-    100% {
-      transform: translateY(0) scale(1);
-    }
-
-    50% {
-      transform: translateY(-3px) scale(1.02);
-    }
-  }
-
-  @keyframes logo-spin-slow {
-    from {
-      transform: rotate(0deg);
-    }
-
-    to {
-      transform: rotate(360deg);
-    }
-  }
-
-  @keyframes logo-spin-reverse-slow {
-    from {
-      transform: rotate(360deg);
-    }
-
-    to {
-      transform: rotate(0deg);
-    }
-  }
-
-  .animate-logo-float {
-    animation: logo-float 3s ease-in-out infinite;
-  }
-
-  .animate-logo-spin-slow {
-    animation: logo-spin-slow 12s linear infinite;
-  }
-
-  .animate-logo-spin-reverse-slow {
-    animation: logo-spin-reverse-slow 8s linear infinite;
-  }
-
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-
-  body {
-    @apply bg-background text-foreground;
-  }
-
-  button:not([role="tab"]),
-  [role="button"] {
-    border-radius: 9999px !important;
-  }
-}
\ No newline at end of file