From 6552511978e8ccbe6484d42a35fc3bcb868b4ef1 Mon Sep 17 00:00:00 2001
From: ramseshk <ramseshk@users.noreply.github.com>
Date: Thu, 6 Aug 2026 04:22:50 +0000
Subject: [PATCH] Hallmark Cobalt: unified light palette + Ubuntu fonts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Layout: Ubuntu + Ubuntu Mono (next/font/google), light mode
CSS: Hallmark Cobalt palette — cool paper bg, hairlines,
  electric cobalt primary, slate secondary
Cards: white bg, hairline borders, muted type badges
Header/tabs: Ubuntu Mono labels, Ubuntu tab buttons
Removed: dark mode, Inter/JetBrains Mono, purple gradients
---
 dashboard-next/src/app/globals.css            | 88 +++++++++++--------
 dashboard-next/src/app/layout.tsx             | 20 +++--
 dashboard-next/src/app/page.tsx               |  6 +-
 .../src/components/strategy-card.tsx          | 31 ++++---
 dashboard/static/index.html                   |  8 +-
 5 files changed, 82 insertions(+), 71 deletions(-)

diff --git a/dashboard-next/src/app/globals.css b/dashboard-next/src/app/globals.css
index b5adc38..890d6cd 100644
--- a/dashboard-next/src/app/globals.css
+++ b/dashboard-next/src/app/globals.css
@@ -1,7 +1,5 @@
 @import "tailwindcss";
 
-@custom-variant dark (&:is(.dark *));
-
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
@@ -30,49 +28,61 @@
   --radius-md: calc(var(--radius) - 2px);
   --radius-lg: var(--radius);
   --radius-xl: calc(var(--radius) + 4px);
-  --font-sans: var(--font-inter), ui-sans-serif, system-ui, sans-serif;
-  --font-mono: var(--font-jetbrains-mono), ui-monospace, monospace;
+  --font-sans: var(--font-ubuntu), ui-sans-serif, system-ui, sans-serif;
+  --font-mono: var(--font-ubuntu-mono), ui-monospace, monospace;
 }
 
+/* ═══════════ Hallmark Cobalt — Light Palette ═══════════ */
 :root {
-  --radius: 0.5rem;
-}
-
-.dark {
-  --background: oklch(0.0588 0.0162 269.6475);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.1059 0.0201 269.5991);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.1059 0.0201 269.5991);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.985 0 0);
-  --primary-foreground: oklch(0.0588 0.0162 269.6475);
-  --secondary: oklch(0.1776 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.1776 0 0);
-  --muted-foreground: oklch(0.7559 0.0125 239.9659);
-  --accent: oklch(0.1776 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.602 0.2378 25.3312);
-  --border: oklch(1 0 0 / 0.1);
-  --input: oklch(1 0 0 / 0.15);
-  --ring: oklch(0.7559 0.0125 239.9659);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-}
-
-* {
-  border-color: var(--border);
-  outline-color: var(--ring);
+  --radius: 0.25rem;
+
+  /* Engineered cool paper — never pure white */
+  --background: #f8f9fb;
+  --foreground: #1a1c23;
+
+  /* Cards: crisp white with hairline border */
+  --card: #ffffff;
+  --card-foreground: #1a1c23;
+
+  /* Popovers / overlays */
+  --popover: #ffffff;
+  --popover-foreground: #1a1c23;
+
+  /* Primary: electric cobalt signal */
+  --primary: #0ea5e9;
+  --primary-foreground: #ffffff;
+
+  /* Secondary: slate gray */
+  --secondary: #e8eaf0;
+  --secondary-foreground: #4a4f5c;
+
+  /* Muted: subtle backgrounds */
+  --muted: #f1f3f7;
+  --muted-foreground: #6e7381;
+
+  /* Accent: navy blue */
+  --accent: #1e3a5f;
+  --accent-foreground: #ffffff;
+
+  /* Destructive: coral red */
+  --destructive: #e74c3c;
+
+  /* Borders: engineered hairlines */
+  --border: #e0e4ec;
+  --input: #e0e4ec;
+  --ring: #0ea5e9;
+
+  /* Charts — Hallmark palette */
+  --chart-1: #0ea5e9;
+  --chart-2: #6366f1;
+  --chart-3: #f59e0b;
+  --chart-4: #10b981;
+  --chart-5: #ef4444;
 }
 
+/* Body defaults */
 body {
+  font-family: var(--font-ubuntu), ui-sans-serif, system-ui, sans-serif;
   background: var(--background);
   color: var(--foreground);
-  font-family: var(--font-sans);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
 }
diff --git a/dashboard-next/src/app/layout.tsx b/dashboard-next/src/app/layout.tsx
index d922890..983c9c7 100644
--- a/dashboard-next/src/app/layout.tsx
+++ b/dashboard-next/src/app/layout.tsx
@@ -1,26 +1,28 @@
 import type { Metadata } from "next";
-import { Inter, JetBrains_Mono } from "next/font/google";
+import { Ubuntu, Ubuntu_Mono } from "next/font/google";
 import "./globals.css";
 
-const inter = Inter({
+const ubuntu = Ubuntu({
   subsets: ["latin"],
-  variable: "--font-inter",
+  weight: ["300", "400", "500", "700"],
+  variable: "--font-ubuntu",
 });
 
-const jetbrainsMono = JetBrains_Mono({
+const ubuntuMono = Ubuntu_Mono({
   subsets: ["latin"],
-  variable: "--font-jetbrains-mono",
+  weight: ["400", "700"],
+  variable: "--font-ubuntu-mono",
 });
 
 export const metadata: Metadata = {
-  title: "FTDT Quant Lab",
-  description: "Professional quantitative trading dashboard — live testnet, paper mainnet, historical backtests",
+  title: "Quant Dashboard",
+  description: "Live testnet, paper mainnet, historical backtests",
 };
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en" className="dark">
-      <body className={`${inter.variable} ${jetbrainsMono.variable} antialiased`}>
+    <html lang="en">
+      <body className={`${ubuntu.variable} ${ubuntuMono.variable} antialiased`}>
         {children}
       </body>
     </html>
diff --git a/dashboard-next/src/app/page.tsx b/dashboard-next/src/app/page.tsx
index a743b07..30e1ef6 100644
--- a/dashboard-next/src/app/page.tsx
+++ b/dashboard-next/src/app/page.tsx
@@ -307,14 +307,14 @@ export default function Dashboard() {
       <header className="sticky top-0 z-50 border-b border-[#e0e4ec] bg-[#f8f9fb]/95 backdrop-blur-sm">
         <div className="flex items-center justify-between px-6 h-12 max-w-[1440px] mx-auto">
           <div className="flex items-center gap-5">
-            <span className="text-[11px] font-medium tracking-[0.04em] text-[#1a1c23]" style={{fontFamily:"JetBrains Mono, monospace"}}>
+            <span className="text-[11px] font-medium tracking-[0.04em] text-[#1a1c23]" style={{fontFamily:"'Ubuntu Mono', monospace"}}>
               {tab === "live" ? "Live Testnet" : tab === "paper" ? "Paper Mainnet" : "Historical"}
             </span>
           </div>
           <div className="flex items-center gap-4">
             <span className="flex items-center gap-1.5">
               <span className={`w-1.5 h-1.5 rounded-full ${liveConn ? "bg-[#0ea5e9]" : "bg-[#e5e7eb]"}`} />
-              <span className="text-[9px] text-[#6e7381] font-medium tracking-[0.03em]" style={{fontFamily:"JetBrains Mono, monospace"}}>
+              <span className="text-[9px] text-[#6e7381] font-medium tracking-[0.03em]" style={{fontFamily:"'Ubuntu Mono', monospace"}}>
                 {liveConn ? "CONNECTED" : "OFFLINE"} · {liveData?.status ?? "···"}
               </span>
             </span>
@@ -329,7 +329,7 @@ export default function Dashboard() {
             <button
               key={t}
               onClick={() => setTab(t)}
-              style={{fontFamily:"Inter, sans-serif"}}
+              style={{fontFamily:"'Ubuntu', sans-serif"}}
               className={`relative px-4 py-2.5 text-xs font-medium tracking-[0.02em] transition-colors cursor-pointer
                 ${tab === t
                   ? "text-[#1a1c23] after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[2px] after:bg-[#0ea5e9]"
diff --git a/dashboard-next/src/components/strategy-card.tsx b/dashboard-next/src/components/strategy-card.tsx
index 6e5ff11..6501cf7 100644
--- a/dashboard-next/src/components/strategy-card.tsx
+++ b/dashboard-next/src/components/strategy-card.tsx
@@ -25,52 +25,51 @@ export function StrategyCard({ name, strategy, tab, onClick, badge, stats, pnlPc
     const pnlPctVal = strategy.pnl_pct ?? 0;
     // Type colors
     const typeColors: Record<string, string> = {
-      reversal: "bg-blue-500/20 text-blue-400",
-      momentum: "bg-amber-500/20 text-amber-400",
-      stat_arb: "bg-purple-500/20 text-purple-400",
-      carry: "bg-cyan-500/20 text-cyan-400",
-      market_making: "bg-emerald-500/20 text-emerald-400",
+      reversal: "bg-blue-100 text-blue-700",
+      momentum: "bg-amber-100 text-amber-700",
+      stat_arb: "bg-purple-100 text-purple-700",
+      carry: "bg-cyan-100 text-cyan-700",
+      market_making: "bg-emerald-100 text-emerald-700",
     };
-    const typeColor = typeColors[strategy.type] || "bg-gray-500/20 text-gray-400";
-    // Asset shorthand
+    const typeColor = typeColors[strategy.type] || "bg-gray-100 text-gray-600";
     const assetShort = strategy.instrument?.split("-")[0] || "";
 
     return (
       <Card
-        className="p-4 cursor-pointer hover:border-primary/50 hover:shadow-md transition-all duration-200 hover:-translate-y-0.5 border-border"
+        className="p-4 cursor-pointer hover:border-[#0ea5e9]/30 hover:shadow-sm transition-all duration-200 border-[#e0e4ec] bg-white"
         onClick={onClick}
       >
         <div className="flex items-start justify-between mb-2">
           <div>
-            <p className="text-xs font-semibold leading-tight">{name}</p>
+            <p className="text-xs font-medium leading-tight text-[#1a1c23]">{name}</p>
             <div className="flex gap-1 mt-0.5">
-              <span className={`text-[8px] px-1.5 py-px rounded font-mono ${typeColor}`}>{strategy.type}</span>
-              <span className="text-[9px] text-muted-foreground">{assetShort}</span>
+              <span className={`text-[8px] px-1.5 py-px rounded font-medium font-mono ${typeColor}`}>{strategy.type}</span>
+              <span className="text-[9px] text-[#6e7381]">{assetShort}</span>
             </div>
           </div>
           <div className="flex gap-1">
             <Badge variant={strategy.status === "running" ? "default" : "secondary"} className="text-[8px] h-4 px-1.5">
               {strategy.status?.toUpperCase()}
             </Badge>
-            <Badge variant="outline" className="text-[8px] h-4 px-1.5 border-border">
+            <Badge variant="outline" className="text-[8px] h-4 px-1.5 border-[#e0e4ec]">
               {strategy.fee_model?.toUpperCase()}
             </Badge>
           </div>
         </div>
 
-        <div className={`text-xl font-mono font-bold mb-2 flex items-center gap-1 ${isUp ? "text-green-500" : "text-red-500"}`}>
+        <div className={`text-xl font-mono font-bold mb-2 flex items-center gap-1 ${isUp ? "text-[#10b981]" : "text-[#ef4444]"}`}>
           {isUp ? <TrendingUp className="w-4 h-4" /> : <TrendingDown className="w-4 h-4" />}
           ${equity.toFixed(2)}
         </div>
 
-        <div className="flex gap-3 text-[9px] text-muted-foreground flex-wrap">
-          <span>PnL: <b className={pnlPctVal >= 0 ? "text-green-500" : "text-red-500"}>{pnl >= 0 ? "+" : ""}{pnl.toFixed(2)} ({pnlPctVal >= 0 ? "+" : ""}{pnlPctVal.toFixed(2)}%)</b></span>
+        <div className="flex gap-3 text-[9px] text-[#6e7381] flex-wrap">
+          <span>PnL: <b className={pnlPctVal >= 0 ? "text-[#10b981]" : "text-[#ef4444]"}>{pnl >= 0 ? "+" : ""}{pnl.toFixed(2)} ({pnlPctVal >= 0 ? "+" : ""}{pnlPctVal.toFixed(2)}%)</b></span>
           <span>Trades: <b>{strategy.trades_today ?? 0}</b></span>
           <span>Win: <b>{Math.round((strategy.win_rate ?? 0) * 100)}%</b></span>
           <span>Pos: <b>{(strategy.position ?? 0).toFixed(4)}</b></span>
         </div>
 
-        <div className="mt-2 pt-2 border-t border-border/50 text-[9px] text-muted-foreground leading-relaxed">
+        <div className="mt-2 pt-2 border-t border-[#e0e4ec]/50 text-[9px] text-[#6e7381] leading-relaxed">
           <b>Alloc:</b> ${strategy.allocation} · <b>Max pos:</b> {strategy.max_position ?? "—"} · <b>Stop:</b> {strategy.stop_loss ?? "—"}
         </div>
       </Card>
diff --git a/dashboard/static/index.html b/dashboard/static/index.html
index 7c91d9b..c04db1a 100644
--- a/dashboard/static/index.html
+++ b/dashboard/static/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html lang="en" class="dark"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/cv/_next/static/media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/cv/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/cv/_next/static/chunks/0b2jlncic9ry7.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/cv/_next/static/chunks/3l04zcqx63h3y.js"/><script src="/cv/_next/static/chunks/3krunzhn7hds3.js" async=""></script><script src="/cv/_next/static/chunks/08ttfj81-47mu.js" async=""></script><script src="/cv/_next/static/chunks/turbopack-384ds9tgupq-y.js" async=""></script><script src="/cv/_next/static/chunks/3fntmmi971322.js" async="" crossorigin=""></script><script src="/cv/_next/static/chunks/311lnec1wkvb_.js" async="" crossorigin=""></script><title>FTDT Quant Lab</title><meta name="description" content="Professional quantitative trading dashboard — live testnet, paper mainnet, historical backtests"/><meta name="next-size-adjust" content=""/><script src="/cv/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script></head><body class="inter_5901b7c6-module__ec5Qua__variable jetbrains_mono_707233f-module__9hS9bG__variable antialiased"><div hidden=""><!--$--><!--/$--></div><div class="min-h-screen bg-[#f8f9fb]"><header class="sticky top-0 z-50 border-b border-[#e0e4ec] bg-[#f8f9fb]/95 backdrop-blur-sm"><div class="flex items-center justify-between px-6 h-12 max-w-[1440px] mx-auto"><div class="flex items-center gap-5"><span class="text-[11px] font-medium tracking-[0.04em] text-[#1a1c23]" style="font-family:JetBrains Mono, monospace">Live Testnet</span></div><div class="flex items-center gap-4"><span class="flex items-center gap-1.5"><span class="w-1.5 h-1.5 rounded-full bg-[#e5e7eb]"></span><span class="text-[9px] text-[#6e7381] font-medium tracking-[0.03em]" style="font-family:JetBrains Mono, monospace">OFFLINE<!-- --> · <!-- -->···</span></span></div></div></header><div class="border-b border-[#e0e4ec] bg-[#f8f9fb]/95 sticky top-12 z-40"><div class="flex max-w-[1440px] mx-auto px-6"><button style="font-family:Inter, sans-serif" class="relative px-4 py-2.5 text-xs font-medium tracking-[0.02em] transition-colors cursor-pointer
-                text-[#1a1c23] after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[2px] after:bg-[#0ea5e9]">Live</button><button style="font-family:Inter, sans-serif" class="relative px-4 py-2.5 text-xs font-medium tracking-[0.02em] transition-colors cursor-pointer
-                text-[#6e7381] hover:text-[#1a1c23]">Paper</button><button style="font-family:Inter, sans-serif" class="relative px-4 py-2.5 text-xs font-medium tracking-[0.02em] transition-colors cursor-pointer
-                text-[#6e7381] hover:text-[#1a1c23]">Historical</button></div></div><main class="max-w-[1440px] mx-auto px-6 py-6"><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 mb-6"></div><button class="flex items-center gap-2 px-4 py-2 mb-4 border border-[#1A1A2E] bg-[#0A0A10] hover:bg-[#111122] rounded transition-colors"><span class="text-[11px] font-mono text-gray-300">⌘ L2 Depth Map</span><span class="text-[9px] text-gray-600">ws://hyperliquid · <!-- -->OFFLINE</span></button></main></div><!--$--><!--/$--><script src="/cv/_next/static/chunks/3l04zcqx63h3y.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/cv/_next/static/chunks/3fntmmi971322.js\"],\"default\"]\n3:I[37457,[\"/cv/_next/static/chunks/3fntmmi971322.js\"],\"default\"]\n4:I[47257,[\"/cv/_next/static/chunks/3fntmmi971322.js\"],\"ClientPageRoot\"]\n5:I[52683,[\"/cv/_next/static/chunks/3fntmmi971322.js\",\"/cv/_next/static/chunks/311lnec1wkvb_.js\"],\"default\"]\n8:I[97367,[\"/cv/_next/static/chunks/3fntmmi971322.js\"],\"OutletBoundary\"]\n9:\"$Sreact.suspense\"\nb:I[97367,[\"/cv/_next/static/chunks/3fntmmi971322.js\"],\"ViewportBoundary\"]\nd:I[97367,[\"/cv/_next/static/chunks/3fntmmi971322.js\"],\"MetadataBoundary\"]\nf:I[68027,[\"/cv/_next/static/chunks/3fntmmi971322.js\"],\"default\",1]\n:HL[\"/cv/_next/static/chunks/0b2jlncic9ry7.css\",\"style\"]\n:HL[\"/cv/_next/static/media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/cv/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4624],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/cv/_next/static/chunks/0b2jlncic9ry7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/cv/_next/static/chunks/3fntmmi971322.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"dark\",\"children\":[\"$\",\"body\",null,{\"className\":\"inter_5901b7c6-module__ec5Qua__variable jetbrains_mono_707233f-module__9hS9bG__variable antialiased\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/cv/_next/static/chunks/311lnec1wkvb_.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@a\"}]}]]}],{},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/cv/_next/static/chunks/0b2jlncic9ry7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"UpD6xvfOwV3l9l5jGf0kT\"}\n6:{}\n7:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\nc:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\na:null\ne:[[\"$\",\"title\",\"0\",{\"children\":\"FTDT Quant Lab\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Professional quantitative trading dashboard — live testnet, paper mainnet, historical backtests\"}]]\n"])</script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/cv/_next/static/media/1bc7fc94203521e3-s.p.0gm5xa07u9y0b.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/cv/_next/static/media/216579b50e548914-s.p.1ay1jy0-bfc4a.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/cv/_next/static/media/3df2de83712245dd-s.p.0w014qgprzbql.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/cv/_next/static/media/61632ccc178e84bd-s.p.23zoa28dnu8lm.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/cv/_next/static/media/cd72e39fe5f8e190-s.p.0e2034rwz-vfe.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/cv/_next/static/media/f993dba6660b9bd1-s.p.27sngv96onoid.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/cv/_next/static/chunks/0us7x72qor82s.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/cv/_next/static/chunks/3l04zcqx63h3y.js"/><script src="/cv/_next/static/chunks/3krunzhn7hds3.js" async=""></script><script src="/cv/_next/static/chunks/08ttfj81-47mu.js" async=""></script><script src="/cv/_next/static/chunks/turbopack-384ds9tgupq-y.js" async=""></script><script src="/cv/_next/static/chunks/3fntmmi971322.js" async="" crossorigin=""></script><script src="/cv/_next/static/chunks/090rpmdh57dzt.js" async="" crossorigin=""></script><title>Quant Dashboard</title><meta name="description" content="Live testnet, paper mainnet, historical backtests"/><meta name="next-size-adjust" content=""/><script src="/cv/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script></head><body class="ubuntu_e7568d61-module__BLWD4a__variable ubuntu_mono_1f805d33-module__LpGd4W__variable antialiased"><div hidden=""><!--$--><!--/$--></div><div class="min-h-screen bg-[#f8f9fb]"><header class="sticky top-0 z-50 border-b border-[#e0e4ec] bg-[#f8f9fb]/95 backdrop-blur-sm"><div class="flex items-center justify-between px-6 h-12 max-w-[1440px] mx-auto"><div class="flex items-center gap-5"><span class="text-[11px] font-medium tracking-[0.04em] text-[#1a1c23]" style="font-family:&#x27;Ubuntu Mono&#x27;, monospace">Live Testnet</span></div><div class="flex items-center gap-4"><span class="flex items-center gap-1.5"><span class="w-1.5 h-1.5 rounded-full bg-[#e5e7eb]"></span><span class="text-[9px] text-[#6e7381] font-medium tracking-[0.03em]" style="font-family:&#x27;Ubuntu Mono&#x27;, monospace">OFFLINE<!-- --> · <!-- -->···</span></span></div></div></header><div class="border-b border-[#e0e4ec] bg-[#f8f9fb]/95 sticky top-12 z-40"><div class="flex max-w-[1440px] mx-auto px-6"><button style="font-family:&#x27;Ubuntu&#x27;, sans-serif" class="relative px-4 py-2.5 text-xs font-medium tracking-[0.02em] transition-colors cursor-pointer
+                text-[#1a1c23] after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[2px] after:bg-[#0ea5e9]">Live</button><button style="font-family:&#x27;Ubuntu&#x27;, sans-serif" class="relative px-4 py-2.5 text-xs font-medium tracking-[0.02em] transition-colors cursor-pointer
+                text-[#6e7381] hover:text-[#1a1c23]">Paper</button><button style="font-family:&#x27;Ubuntu&#x27;, sans-serif" class="relative px-4 py-2.5 text-xs font-medium tracking-[0.02em] transition-colors cursor-pointer
+                text-[#6e7381] hover:text-[#1a1c23]">Historical</button></div></div><main class="max-w-[1440px] mx-auto px-6 py-6"><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 mb-6"></div><button class="flex items-center gap-2 px-4 py-2 mb-4 border border-[#1A1A2E] bg-[#0A0A10] hover:bg-[#111122] rounded transition-colors"><span class="text-[11px] font-mono text-gray-300">⌘ L2 Depth Map</span><span class="text-[9px] text-gray-600">ws://hyperliquid · <!-- -->OFFLINE</span></button></main></div><!--$--><!--/$--><script src="/cv/_next/static/chunks/3l04zcqx63h3y.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/cv/_next/static/chunks/3fntmmi971322.js\"],\"default\"]\n3:I[37457,[\"/cv/_next/static/chunks/3fntmmi971322.js\"],\"default\"]\n4:I[47257,[\"/cv/_next/static/chunks/3fntmmi971322.js\"],\"ClientPageRoot\"]\n5:I[52683,[\"/cv/_next/static/chunks/3fntmmi971322.js\",\"/cv/_next/static/chunks/090rpmdh57dzt.js\"],\"default\"]\n8:I[97367,[\"/cv/_next/static/chunks/3fntmmi971322.js\"],\"OutletBoundary\"]\n9:\"$Sreact.suspense\"\nb:I[97367,[\"/cv/_next/static/chunks/3fntmmi971322.js\"],\"ViewportBoundary\"]\nd:I[97367,[\"/cv/_next/static/chunks/3fntmmi971322.js\"],\"MetadataBoundary\"]\nf:I[68027,[\"/cv/_next/static/chunks/3fntmmi971322.js\"],\"default\",1]\n:HL[\"/cv/_next/static/chunks/0us7x72qor82s.css\",\"style\"]\n:HL[\"/cv/_next/static/media/1bc7fc94203521e3-s.p.0gm5xa07u9y0b.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/cv/_next/static/media/216579b50e548914-s.p.1ay1jy0-bfc4a.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/cv/_next/static/media/3df2de83712245dd-s.p.0w014qgprzbql.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/cv/_next/static/media/61632ccc178e84bd-s.p.23zoa28dnu8lm.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/cv/_next/static/media/cd72e39fe5f8e190-s.p.0e2034rwz-vfe.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/cv/_next/static/media/f993dba6660b9bd1-s.p.27sngv96onoid.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4624],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/cv/_next/static/chunks/0us7x72qor82s.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/cv/_next/static/chunks/3fntmmi971322.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"ubuntu_e7568d61-module__BLWD4a__variable ubuntu_mono_1f805d33-module__LpGd4W__variable antialiased\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/cv/_next/static/chunks/090rpmdh57dzt.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@a\"}]}]]}],{},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/cv/_next/static/chunks/0us7x72qor82s.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"ms3PJhFohBHMXxwwkpXL4\"}\n6:{}\n7:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\nc:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\na:null\ne:[[\"$\",\"title\",\"0\",{\"children\":\"Quant Dashboard\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Live testnet, paper mainnet, historical backtests\"}]]\n"])</script></body></html>
\ No newline at end of file