Fix dropdown menu and balance button visibility

- Add --card-bg CSS variable for consistent background colors
- Make dropdown menu background solid (#2a2a2a) instead of transparent
- Add border and stronger shadow to dropdown for better visibility
- Change balance button to gradient background with dark text
- Add shadow to balance button for better readability

web/styles.css

@@ -16,6 +16,7 @@
     --error-color: #ff4d4d;
     --background-color: #0a0a0a;
     --card-background: #1a1a1a;
+    --card-bg: #2a2a2a;
     --hero-gradient: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(26, 26, 26, 0.8) 50%, rgba(0, 0, 0, 0.9) 100%);
 }
 
@@ -164,12 +165,13 @@ body {
     top: 100%;
     right: 0;
     margin-top: 10px;
-    background: var(--card-bg);
+    background: #2a2a2a;
     border-radius: 8px;
-    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
+    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
     min-width: 180px;
     overflow: hidden;
     z-index: 1000;
+    border: 1px solid var(--border-color);
 }
 
 .dropdown-item {
@@ -1608,12 +1610,13 @@ body {
 
 /* Balance Display in Header */
 .balance-display {
-    background: rgba(0, 212, 255, 0.15);
+    background: linear-gradient(135deg, #00d4ff, #0099cc);
     padding: 8px 16px;
     border-radius: 20px;
-    color: var(--accent-color);
-    font-weight: 600;
+    color: #000000;
+    font-weight: 700;
     font-size: 0.9rem;
+    box-shadow: 0 2px 10px rgba(0, 212, 255, 0.3);
 }
 
 /* Video Container */