WIP

BudgetApp/Components/Layout/NavMenu.razor.css

@@ -133,38 +133,38 @@
 }
 
 .nav-balances {
-    border-top: 1px solid rgba(255, 255, 255, 0.15);
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
+    border-top: 1px solid rgba(255, 255, 255, 0.2);
+    padding-top: 0.85rem;
+    padding-bottom: 0.85rem;
     margin-top: 0.5rem;
 }
 
 .balances-header {
-    color: rgba(255, 255, 255, 0.5);
-    font-size: 0.7rem;
-    font-weight: 600;
+    color: rgba(255, 255, 255, 0.6);
+    font-size: 0.72rem;
+    font-weight: 700;
     text-transform: uppercase;
-    letter-spacing: 0.05em;
-    margin-bottom: 0.5rem;
+    letter-spacing: 0.07em;
+    margin-bottom: 0.6rem;
 }
 
 .balance-item {
     display: flex;
     align-items: center;
-    gap: 0.5rem;
-    padding: 0.35rem 0;
+    gap: 0.6rem;
+    padding: 0.4rem 0.25rem;
     border-radius: 4px;
     transition: background-color 0.15s;
 }
 
 .balance-item:hover {
-    background-color: rgba(255, 255, 255, 0.1);
+    background-color: rgba(255, 255, 255, 0.12);
 }
 
 .balance-color {
-    width: 4px;
-    height: 28px;
-    border-radius: 2px;
+    width: 5px;
+    height: 34px;
+    border-radius: 3px;
     flex-shrink: 0;
 }
 
@@ -175,8 +175,8 @@
 }
 
 .balance-name {
-    color: rgba(255, 255, 255, 0.7);
-    font-size: 0.75rem;
+    color: rgba(255, 255, 255, 0.85);
+    font-size: 0.78rem;
     line-height: 1.2;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -184,7 +184,7 @@
 }
 
 .balance-amount {
-    font-size: 0.85rem;
-    font-weight: 600;
-    line-height: 1.2;
+    font-size: 1rem;
+    font-weight: 700;
+    line-height: 1.3;
 }