Improve balance button readability with solid background

- Use solid #00d4ff background instead of gradient
- Add border for better definition
- Increase font weight to 700
- Add box shadow for better visibility

web/styles.css

@@ -1610,13 +1610,14 @@ body {
 
 /* Balance Display in Header */
 .balance-display {
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
+    background: #00d4ff;
     padding: 8px 16px;
     border-radius: 20px;
     color: #000000;
     font-weight: 700;
     font-size: 0.9rem;
     box-shadow: 0 2px 10px rgba(0, 212, 255, 0.3);
+    border: 2px solid #00b8e6;
 }
 
 /* Video Container */
@@ -2615,13 +2616,14 @@ body {
 
 /* Balance Display in Header */
 .balance-display {
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
+    background: #00d4ff;
     padding: 6px 12px;
     border-radius: 20px;
-    font-weight: 600;
+    font-weight: 700;
     font-size: 0.9rem;
     color: #000;
-    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
+    border: 2px solid #00b8e6;
+    box-shadow: 0 2px 8px rgba(0, 212, 255, 0.4);
 }
 
 /* Dropdown Divider */