Upload folder using huggingface_hub

src/pdf_report.py

@@ -11,13 +11,13 @@ from reportlab.lib.styles import ParagraphStyle
 from reportlab.lib.units import mm
 from reportlab.platypus import (Paragraph, SimpleDocTemplate, Spacer, Table, TableStyle)
 
-INK = colors.HexColor("#141b18")
-BRASS = colors.HexColor("#8a6d14")
-DIM = colors.HexColor("#5a655e")
+INK = colors.HexColor("#131a22")
+BRASS = colors.HexColor("#0b7fa6")   # brand accent (print-safe deep cyan)
+DIM = colors.HexColor("#5c6a7a")
 GOOD = colors.HexColor("#1e7a4a")
 WARN = colors.HexColor("#9a6b12")
 BAD = colors.HexColor("#a33a40")
-LINE = colors.HexColor("#d8d4c6")
+LINE = colors.HexColor("#ccd6e0")
 
 _ACTION_COLOR = {"Buy More": GOOD, "Keep": DIM, "Trim": WARN, "Sell": BAD}
 _SEV_COLOR = {"good": GOOD, "warn": WARN, "bad": BAD, "OK": GOOD, "WATCH": WARN, "ALERT": BAD}

static/index.html

@@ -4,7 +4,7 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Conclave</title>
-<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><circle cx='16' cy='16' r='4' fill='%23c9a227'/><g fill='%23e8e2d2'><circle cx='16' cy='5' r='2.4'/><circle cx='26.5' cy='12.6' r='2.4'/><circle cx='22.5' cy='25' r='2.4'/><circle cx='9.5' cy='25' r='2.4'/><circle cx='5.5' cy='12.6' r='2.4'/></g></svg>">
+<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><circle cx='16' cy='16' r='4' fill='%2338dbff'/><g fill='%23e8eef6'><circle cx='16' cy='5' r='2.4'/><circle cx='26.5' cy='12.6' r='2.4'/><circle cx='22.5' cy='25' r='2.4'/><circle cx='9.5' cy='25' r='2.4'/><circle cx='5.5' cy='12.6' r='2.4'/></g></svg>">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">

static/style.css

@@ -1,15 +1,15 @@
-/* Conclave — midnight boardroom: ink green, parchment text, brass verdicts */
+/* Conclave — midnight terminal: ink navy, cool white text, neon-cyan verdicts */
 :root {
-  --bg: #0c1210; --panel: #121a17; --panel2: #18231f; --line: #263329;
-  --text: #ece8db; --dim: #94a096; --accent: #c9a227; --accent2: #d9b64a;
-  --good: #43b374; --warn: #d99a2b; --bad: #cf5f64;
+  --bg: #0a0e15; --panel: #10161f; --panel2: #16202c; --line: #243247;
+  --text: #e8eef6; --dim: #8b98ab; --accent: #38dbff; --accent2: #8ae9ff;
+  --good: #2fd98a; --warn: #e8a838; --bad: #ff6b74;
   font-size: 16px;
 }
 * { box-sizing: border-box; margin: 0; padding: 0; }
 body {
   background:
-    radial-gradient(1100px 520px at 75% -12%, #c9a22712, transparent),
-    radial-gradient(900px 500px at -10% 8%, #1c2b2440, transparent), var(--bg);
+    radial-gradient(1100px 520px at 75% -12%, #38dbff12, transparent),
+    radial-gradient(900px 500px at -10% 8%, #16233a40, transparent), var(--bg);
   color: var(--text); font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
   min-height: 100vh; padding-bottom: 48px;
 }
@@ -25,10 +25,10 @@ h2 { font-size: .92rem; margin-bottom: 12px; color: var(--accent2); text-transfo
 .sub { color: var(--dim); margin-bottom: 18px; }
 button, .primary { font: inherit; cursor: pointer; border-radius: 10px; }
 .primary {
-  display: inline-block; background: linear-gradient(135deg, #dab838, var(--accent) 55%, #a8871e);
-  color: #1a1406; border: none; padding: 12px 28px; font-weight: 700; font-size: 1rem;
+  display: inline-block; background: linear-gradient(135deg, #7be8ff, var(--accent) 55%, #16a4cd);
+  color: #04121a; border: none; padding: 12px 28px; font-weight: 700; font-size: 1rem;
   letter-spacing: .01em; text-decoration: none; text-align: center; transition: filter .15s;
-  box-shadow: 0 2px 14px #c9a22733;
+  box-shadow: 0 2px 16px #38dbff40;
 }
 .primary:hover { filter: brightness(1.1); }
 .ghost { background: transparent; border: 1px solid var(--line); color: var(--dim); padding: 8px 14px; }
@@ -60,7 +60,7 @@ button, .primary { font: inherit; cursor: pointer; border-radius: 10px; }
 #code-input { background: var(--panel2); color: var(--text); border: 1px solid var(--line); border-radius: 8px; padding: 8px 12px; font: inherit; width: 140px; letter-spacing: .12em; }
 #code-input:focus { outline: none; border-color: var(--accent); }
 .code-status { color: var(--dim); font-size: .8rem; }
-.watch-card { border-color: #c9a22740; }
+.watch-card { border-color: #38dbff40; }
 .track-head { color: var(--dim); font-size: .85rem; margin-bottom: 10px; }
 .track-pill { display: inline-block; border: 1px solid var(--line); border-radius: 999px; padding: 4px 12px; font-size: .84rem; margin: 0 6px 8px 0; color: var(--text); }
 .alerts { margin-top: 6px; }
@@ -87,12 +87,12 @@ button, .primary { font: inherit; cursor: pointer; border-radius: 10px; }
 .progress-card { text-align: center; padding: 40px 32px; }
 #progress-caption { color: var(--text); font-size: 1.1rem; font-weight: 500; text-transform: none; letter-spacing: 0; margin-bottom: 20px; min-height: 1.4em; }
 .bar-track { height: 10px; background: var(--panel2); border-radius: 6px; overflow: hidden; margin-bottom: 22px; }
-.bar-fill { height: 100%; width: 0%; border-radius: 6px; background: linear-gradient(90deg, #a8871e, var(--accent), #e6cd6f); transition: width .6s ease; }
+.bar-fill { height: 100%; width: 0%; border-radius: 6px; background: linear-gradient(90deg, #16a4cd, var(--accent), #a5efff); transition: width .6s ease; }
 .chips { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }
 .chip { border: 1px solid var(--line); color: var(--dim); border-radius: 999px; padding: 5px 13px; font-size: .82rem; transition: all .3s; }
-.chip.lit { border-color: var(--accent); color: var(--text); background: #c9a22718; box-shadow: 0 0 10px #c9a22722; }
+.chip.lit { border-color: var(--accent); color: var(--text); background: #38dbff18; box-shadow: 0 0 10px #38dbff22; }
 .skeleton { opacity: .5; }
-.sk { background: linear-gradient(90deg, var(--panel2), #20302a, var(--panel2)); background-size: 200% 100%; animation: shimmer 1.6s infinite; border-radius: 10px; }
+.sk { background: linear-gradient(90deg, var(--panel2), #1d2b3c, var(--panel2)); background-size: 200% 100%; animation: shimmer 1.6s infinite; border-radius: 10px; }
 @keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
 .sk-hero { height: 70px; margin-bottom: 12px; }
 .sk-row { display: flex; gap: 12px; margin-bottom: 12px; }
@@ -101,17 +101,17 @@ button, .primary { font: inherit; cursor: pointer; border-radius: 10px; }
 
 /* ── hero ── */
 .hero { display: flex; gap: 26px; align-items: center; flex-wrap: wrap;
-  border-top: 2px solid #c9a22755; }
+  border-top: 2px solid #38dbff55; }
 #gauge text { fill: var(--text); font-family: "Fraunces", Georgia, serif; font-size: 40px; font-weight: 700; }
 #gauge .gauge-label { font-size: 11px; fill: var(--dim); font-family: "Inter", sans-serif; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; }
 .hero-text { flex: 1; min-width: 260px; }
 .verdict { font-family: "Fraunces", Georgia, serif; font-size: 1.3rem; font-weight: 500; line-height: 1.45; margin-bottom: 14px; }
 .action-strip { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
 .pill { border-radius: 999px; padding: 5px 14px; font-size: .85rem; font-weight: 600; }
-.pill.buy { background: #43b37422; color: var(--good); border: 1px solid #43b37455; }
-.pill.keep { background: #8fa39a1c; color: #b9c6bd; border: 1px solid #8fa39a44; }
-.pill.trim { background: #d99a2b22; color: var(--warn); border: 1px solid #d99a2b55; }
-.pill.sell { background: #cf5f6422; color: var(--bad); border: 1px solid #cf5f6455; }
+.pill.buy { background: #2fd98a22; color: var(--good); border: 1px solid #2fd98a55; }
+.pill.keep { background: #8fa5bd1c; color: #bccbde; border: 1px solid #8fa5bd44; }
+.pill.trim { background: #e8a83822; color: var(--warn); border: 1px solid #e8a83855; }
+.pill.sell { background: #ff6b7422; color: var(--bad); border: 1px solid #ff6b7455; }
 .pill.pl { background: var(--panel2); border: 1px solid var(--line); color: var(--text); }
 
 /* ── highlights ── */
@@ -133,10 +133,10 @@ button, .primary { font: inherit; cursor: pointer; border-radius: 10px; }
 .tick b { font-size: .98rem; } .tick span { display: block; color: var(--dim); font-size: .78rem; }
 .up { color: var(--good); } .dn { color: var(--bad); }
 .badge { display: inline-block; border-radius: 7px; padding: 3px 10px; font-weight: 700; font-size: .8rem; white-space: nowrap; }
-.badge.buy { background: #43b37425; color: var(--good); }
-.badge.keep { background: #8fa39a20; color: #b9c6bd; }
-.badge.trim { background: #d99a2b25; color: var(--warn); }
-.badge.sell { background: #cf5f6425; color: var(--bad); }
+.badge.buy { background: #2fd98a25; color: var(--good); }
+.badge.keep { background: #8fa5bd20; color: #bccbde; }
+.badge.trim { background: #e8a83825; color: var(--warn); }
+.badge.sell { background: #ff6b7425; color: var(--bad); }
 .why { color: var(--dim); font-size: .86rem; max-width: 340px; line-height: 1.4; }
 tr.detail td { background: var(--panel2); padding: 16px 18px; }
 .detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
@@ -168,9 +168,9 @@ tr.detail td { background: var(--panel2); padding: 16px 18px; }
 .scorecard { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; }
 .sc { display: flex; gap: 10px; background: var(--panel2); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; font-size: .87rem; }
 .sc .st { font-weight: 700; font-size: .72rem; padding: 2px 8px; border-radius: 6px; height: fit-content; }
-.st.OK { background: #43b37425; color: var(--good); }
-.st.WATCH { background: #d99a2b25; color: var(--warn); }
-.st.ALERT { background: #cf5f6425; color: var(--bad); }
+.st.OK { background: #2fd98a25; color: var(--good); }
+.st.WATCH { background: #e8a83825; color: var(--warn); }
+.st.ALERT { background: #ff6b7425; color: var(--bad); }
 .sc div p { color: var(--dim); margin-top: 3px; line-height: 1.4; }
 .strategy-read { margin-top: 14px; color: var(--dim); font-size: .9rem; line-height: 1.5; }
 .strategy-read b { color: var(--text); }