Visual edit in Lovable

Edited UI in Lovable

src/pages/Index.tsx

@@ -161,9 +161,9 @@ const Index = () => {
                   </div>
                   
                   <div className="relative h-3 neuro-pressed overflow-hidden mt-2">
-                    <div className="absolute top-0 left-0 h-full transition-all duration-700 ease-out bg-neuro-accent" style={{
+                    <div style={{
                     width: `${calculatePercentage(budgetData.monthly.spentAmount, budgetData.monthly.targetAmount)}%`
-                  }} />
+                  }} 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">