fix: improve fund overview readability and layout

Use tabular mono for amounts, show four account columns on desktop, and remove the scanning line animation.

Co-authored-by: Cursor <cursoragent@cursor.com>

manual_trading_hub/static/app.css

@@ -4462,8 +4462,7 @@ html[data-theme="light"] .funds-stage {
   box-shadow: var(--shadow);
 }
 .funds-stage-grid,
-.funds-stage-glow,
-.funds-stage-scan {
+.funds-stage-glow {
   position: absolute;
   inset: 0;
   pointer-events: none;
@@ -4481,19 +4480,6 @@ html[data-theme="light"] .funds-stage {
     radial-gradient(circle at 18% 12%, rgba(0, 212, 255, 0.12), transparent 42%),
     radial-gradient(circle at 82% 8%, rgba(123, 97, 255, 0.1), transparent 38%);
 }
-.funds-stage-scan {
-  height: 2px;
-  inset: auto 0 0 0;
-  background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.55), transparent);
-  animation: funds-scan 6s linear infinite;
-  opacity: 0.45;
-}
-@keyframes funds-scan {
-  0% { transform: translateY(-320px); opacity: 0; }
-  8% { opacity: 0.45; }
-  92% { opacity: 0.45; }
-  100% { transform: translateY(0); opacity: 0; }
-}
 .funds-stage-inner {
   position: relative;
   z-index: 1;
@@ -4588,8 +4574,7 @@ html[data-theme="light"] .funds-stat-card {
   box-shadow: inset 0 0 24px rgba(0, 212, 255, 0.06);
 }
 .funds-stat-card-primary .funds-stat-value {
-  font-size: 1.55rem;
-  text-shadow: 0 0 20px rgba(0, 212, 255, 0.25);
+  font-size: 1.6rem;
 }
 .funds-stat-label {
   font-family: var(--display);
@@ -4599,27 +4584,28 @@ html[data-theme="light"] .funds-stat-card {
   margin-bottom: 6px;
   text-transform: uppercase;
 }
+.funds-stat-value,
+.funds-stat-val,
+.funds-ac-total .v,
+.funds-ac-stats .v,
+.funds-fs-stat .v {
+  font-family: var(--font);
+  font-variant-numeric: tabular-nums;
+  letter-spacing: 0.01em;
+}
 .funds-stat-value {
-  font-family: var(--display);
   font-size: 1.35rem;
   font-weight: 600;
-  font-variant-numeric: tabular-nums;
-  letter-spacing: 0.04em;
 }
 .funds-stat-val {
-  font-family: var(--display);
   font-size: 1.15rem;
   font-weight: 600;
-  font-variant-numeric: tabular-nums;
-  letter-spacing: 0.04em;
 }
 .funds-stat-val.pos {
   color: var(--green);
-  text-shadow: 0 0 14px rgba(0, 255, 157, 0.25);
 }
 .funds-stat-val.neg {
   color: var(--red);
-  text-shadow: 0 0 14px rgba(255, 77, 109, 0.22);
 }
 .funds-dd-pct {
   font-size: 0.82rem;
@@ -4701,7 +4687,7 @@ html[data-theme="light"] .funds-chart-panel {
 }
 .funds-accounts {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+  grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 12px;
   padding: 4px 0 12px;
 }
@@ -4758,10 +4744,10 @@ html[data-theme="light"] .funds-ac-card {
 }
 .funds-ac-name {
   margin: 0;
-  font-family: var(--display);
-  font-size: 0.78rem;
+  font-family: var(--font);
+  font-size: 0.84rem;
   font-weight: 600;
-  letter-spacing: 0.04em;
+  letter-spacing: 0.01em;
   line-height: 1.35;
   flex: 1;
   min-width: 0;
@@ -4801,12 +4787,9 @@ html[data-theme="light"] .funds-ac-badge.is-ok {
   color: var(--muted);
 }
 .funds-ac-total .v {
-  font-family: var(--display);
-  font-size: 1.05rem;
+  font-size: 1.12rem;
   font-weight: 700;
-  font-variant-numeric: tabular-nums;
   color: var(--text);
-  letter-spacing: 0.03em;
 }
 .funds-ac-stats {
   display: grid;
@@ -4943,7 +4926,15 @@ html[data-theme="light"] .funds-fs-panel {
 body.funds-fullscreen-open {
   overflow: hidden;
 }
+@media (max-width: 1100px) {
+  .funds-accounts {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
 @media (max-width: 720px) {
+  .funds-accounts {
+    grid-template-columns: minmax(0, 1fr);
+  }
   .funds-head {
     flex-direction: column;
     align-items: stretch;

manual_trading_hub/static/index.html

@@ -15,7 +15,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
   <noscript><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" /></noscript>
-  <link rel="stylesheet" href="/assets/app.css?v=20260609-hub-funds-ai" />
+  <link rel="stylesheet" href="/assets/app.css?v=20260609-hub-funds-read" />
 </head>
 <body>
   <div class="app-bg" aria-hidden="true"></div>
@@ -335,7 +335,6 @@
       <div class="funds-stage">
         <div class="funds-stage-grid" aria-hidden="true"></div>
         <div class="funds-stage-glow" aria-hidden="true"></div>
-        <div class="funds-stage-scan" aria-hidden="true"></div>
         <div class="funds-stage-inner">
           <div class="page-head funds-head">
             <div class="funds-head-main">