Horizon redesign: space theme, visual dashboard, chart reskin

Replaces the citron/green glass theme with the Horizon direction
(mockup at /design-horizon): space-void background, starfield, dim
Mars horizon, rim-cyan accent, rose for negative. Palette validated
for CVD separation and contrast on the dark surface.

- tailwind.config: gray -> cool space neutrals, blue/emerald -> cyan
  scale, red -> rose; display font Space Grotesk
- globals.css: Horizon tokens, atmosphere, denser glass, cyan
  buttons/inputs, price-rail / R-bar / radar chart CSS
- Dashboard rebuilt: verdict hero, top-pick card with spatial price
  rail, KPI tiles, open positions as diverging R-bars with expandable
  detail + trade chart (OHLCV since entry, entry/stop/target levels),
  radar list with per-setup disqualify reason, watchlist chips
- OpenTradesPanel: table replaced by R-bar rows; all fields kept in
  the drill-down (shares, P&L, alpha, trailing stop, sell)
- qualification: disqualifyReason() mirrors qualifiesSetup rule order
- CandlestickChart: canvas colors moved to Horizon palette; S/R now
  cyan/neutral so rose stays reserved for the stop level
- ScoreCard: radar score fingerprint with hover values
- Design mockup pages included (routed in App.tsx)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

frontend/src/components/ui/ScoreCard.tsx

@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import { DimensionBreakdownPanel } from '../ticker/DimensionBreakdownPanel';
+import { RadarChart } from '../charts/horizon';
 import type { DimensionScoreDetail, CompositeBreakdown } from '../../lib/types';
 
 interface ScoreCardProps {
@@ -18,9 +19,9 @@ function scoreColor(score: number): string {
 }
 
 function ringGradient(score: number): string {
-  if (score > 70) return '#10b981';
+  if (score > 70) return '#2f9db2';
   if (score >= 40) return '#f59e0b';
-  return '#ef4444';
+  return '#e36a58';
 }
 
 function barGradient(score: number): string {
@@ -64,7 +65,7 @@ export function ScoreCard({ compositeScore, dimensions, compositeBreakdown, show
   return (
     <div className="glass p-5">
       {showComposite && (
-        <div className="flex items-center gap-4">
+        <div className="flex flex-wrap items-center gap-4">
           {compositeScore !== null ? (
             <ScoreRing score={compositeScore} />
           ) : (
@@ -87,6 +88,18 @@ export function ScoreCard({ compositeScore, dimensions, compositeBreakdown, show
               </p>
             )}
           </div>
+          {dimensions.length >= 3 && (
+            <div className="ml-auto" title="Score fingerprint — hover a corner for the exact value">
+              <RadarChart
+                axes={dimensions.map((d) => ({
+                  label: d.dimension.length > 9 ? `${d.dimension.slice(0, 8)}.` : d.dimension,
+                  full: d.dimension,
+                  value: d.score,
+                }))}
+                size={104}
+              />
+            </div>
+          )}
         </div>
       )}