Visual edit in Lovable

Edited UI in Lovable

src/pages/Index.tsx

@@ -107,7 +107,7 @@ const Index = () => {
                   <div className="relative h-3 neuro-pressed overflow-hidden mt-2">
                     <div style={{
                     width: `${calculatePercentage(budgetData.daily.spentAmount, budgetData.daily.targetAmount)}%`
-                  }} className="absolute top-0 left-0 h-full transition-all duration-700 ease-out bg-teal-300" />
+                  }} className="absolute top-0 left-0 h-full transition-all duration-700 ease-out bg-emerald-300" />
                   </div>
                   
                   <div className="mt-2 flex justify-end">