Add !important to balance-display colors to prevent override

- Add !important to background and color properties
- Ensures styles are not overwritten by other CSS rules

web/styles.css

@@ -1610,10 +1610,10 @@ body {
 
 /* Balance Display in Header */
 .balance-display {
-    background: #1a5a7a;
+    background: #1a5a7a !important;
     padding: 8px 16px;
     border-radius: 20px;
-    color: #ffffff;
+    color: #ffffff !important;
     font-weight: 700;
     font-size: 0.9rem;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);