diff --git a/manual_trading_hub/static/app.css b/manual_trading_hub/static/app.css
index 8e5d037..f477184 100644
--- a/manual_trading_hub/static/app.css
+++ b/manual_trading_hub/static/app.css
@@ -11009,66 +11009,117 @@ html[data-theme="light"] .hub-logs-card-hint {
   .amp-actions { grid-column: 1 / -1; }
 }
 
-/* ©¤©¤ ²ßÂÔ¶Ô±È ©¤©¤ */
-.cmp-form { display: flex; flex-direction: column; gap: 12px; margin-bottom: 14px; }
+/* --- strategy compare --- */
+#page-compare .toolbar {
+  padding: 12px 16px;
+  margin-bottom: 14px;
+}
+.cmp-form { display: flex; flex-direction: column; gap: 14px; margin-bottom: 16px; }
+.cmp-form .card,
+.cmp-common-card,
+.cmp-sum-card,
+.cmp-rec-card {
+  padding: 18px 20px;
+}
 .cmp-common-card h2,
-.cmp-form .card h2 { margin: 0 0 10px; font-size: 15px; }
-.cmp-subhead { margin: 14px 0 8px; font-size: 13px; color: var(--muted); font-weight: 600; }
+.cmp-form .card h2 {
+  margin: 0 0 14px;
+  font-size: 15px;
+}
+.cmp-subhead {
+  margin: 16px 0 10px;
+  font-size: 13px;
+  color: var(--muted);
+  font-weight: 600;
+}
 .cmp-form-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 10px 12px;
+  gap: 14px 16px;
+}
+.cmp-field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  font-size: 12px;
+  color: var(--muted);
 }
-.cmp-field { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--muted); }
 .cmp-field input,
 .cmp-field select {
   background: var(--inset-surface);
   border: 1px solid var(--border-soft);
   border-radius: 8px;
   color: var(--text);
-  padding: 8px 10px;
+  padding: 9px 12px;
   font-size: 13px;
 }
 .cmp-input-cols {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 12px;
+  gap: 14px;
 }
 .cmp-summary {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 12px;
-  margin-bottom: 14px;
+  gap: 14px;
+  margin-bottom: 16px;
 }
-.cmp-sum-card { padding: 12px 14px; }
-.cmp-sum-card h3 { margin: 0 0 8px; font-size: 14px; }
+.cmp-sum-card h3 { margin: 0 0 12px; font-size: 14px; }
 .cmp-sum-row {
-  display: flex; justify-content: space-between; gap: 8px;
-  font-size: 12px; margin: 4px 0; color: var(--muted);
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  font-size: 12px;
+  margin: 6px 0;
+  color: var(--muted);
 }
 .cmp-sum-row strong { color: var(--text); font-weight: 600; }
 .cmp-muted { color: var(--muted); font-size: 12px; margin: 0; }
-.cmp-table-wrap { margin-bottom: 14px; }
+.cmp-table-wrap { margin-bottom: 16px; }
 .cmp-table-scroll { overflow-x: auto; }
 .cmp-table {
-  width: 100%; border-collapse: collapse; font-size: 13px;
-  background: var(--card); border: 1px solid var(--border-soft); border-radius: 10px;
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  font-size: 13px;
+  background: var(--panel);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  overflow: hidden;
 }
-.cmp-table th, .cmp-table td {
+.cmp-table th,
+.cmp-table td {
   border-bottom: 1px solid var(--border-soft);
-  padding: 10px 12px; vertical-align: top; text-align: left;
+  padding: 14px 16px;
+  vertical-align: top;
+  text-align: left;
+}
+.cmp-table th:first-child,
+.cmp-table td:first-child { width: 22%; }
+.cmp-table tr:last-child td { border-bottom: none; }
+.cmp-cell-note {
+  margin-top: 6px;
+  font-size: 11px;
+  color: var(--muted);
+  line-height: 1.4;
 }
-.cmp-table th:first-child, .cmp-table td:first-child { width: 22%; }
-.cmp-cell-note { margin-top: 4px; font-size: 11px; color: var(--muted); line-height: 1.35; }
 .cmp-pnl-pos { color: var(--green); font-weight: 600; }
 .cmp-pnl-neg { color: var(--red); font-weight: 600; }
-.cmp-rec-card { padding: 14px 16px; }
-.cmp-rec-head { font-size: 16px; margin-bottom: 6px; }
-.cmp-rec-reason { margin: 0 0 8px; color: var(--muted); font-size: 13px; }
-.cmp-rec-list { margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.5; }
-.cmp-warn { margin-top: 10px; font-size: 12px; color: var(--warn, #e6a23c); }
-.cmp-foot-note { margin: 10px 0 0; font-size: 11px; color: var(--muted); }
+.cmp-rec-head { font-size: 16px; margin-bottom: 8px; }
+.cmp-rec-reason { margin: 0 0 10px; color: var(--muted); font-size: 13px; }
+.cmp-rec-list { margin: 0; padding-left: 20px; font-size: 13px; line-height: 1.55; }
+.cmp-warn { margin-top: 12px; font-size: 12px; color: var(--warn, #e6a23c); }
+.cmp-foot-note { margin: 12px 0 0; font-size: 11px; color: var(--muted); }
 @media (max-width: 900px) {
+  .cmp-form .card,
+  .cmp-common-card,
+  .cmp-sum-card,
+  .cmp-rec-card {
+    padding: 16px;
+  }
   .cmp-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .cmp-input-cols, .cmp-summary { grid-template-columns: 1fr; }
-}
+  .cmp-input-cols,
+  .cmp-summary { grid-template-columns: 1fr; }
+  .cmp-table th,
+  .cmp-table td { padding: 12px 14px; }
+}
diff --git a/manual_trading_hub/static/index.html b/manual_trading_hub/static/index.html
index acc75ab..4e9e498 100644
--- a/manual_trading_hub/static/index.html
+++ b/manual_trading_hub/static/index.html
@@ -16,7 +16,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=20260723-compare" />
+      <link rel="stylesheet" href="/assets/app.css?v=20260723-cmp-pad" />
   <link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" />
   <link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
   <script src="/assets/account_risk_badge.js?v=4"></script>