분석결과 레포트 수정

frontend/src/App.css

@@ -9287,6 +9287,70 @@ html.desktop-client .tmb-logo-version {
 .brd-pnl-net-label{ font-size: 11.5px; color: var(--text3); }
 .brd-pnl-net-val  { font-size: 15px; font-weight: 800; }
 
+/* ── 전략평가 — 매수 방식별 비교 ── */
+.brd-eval-filter-note {
+  margin: 0 0 10px;
+  padding: 8px 10px;
+  font-size: 11px;
+  line-height: 1.45;
+  color: var(--text3);
+  background: var(--bg3);
+  border-radius: 6px;
+}
+.brd-alloc-tabs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-bottom: 10px;
+}
+.brd-alloc-tab {
+  padding: 6px 12px;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  background: var(--bg2);
+  color: var(--text2);
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
+}
+.brd-alloc-tab--active {
+  border-color: var(--brd-blue);
+  background: color-mix(in srgb, var(--brd-blue) 12%, var(--bg2));
+  color: var(--brd-blue);
+}
+.brd-alloc-compare {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+}
+.brd-alloc-card {
+  padding: 12px 14px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  background: var(--bg2);
+  cursor: pointer;
+  transition: border-color 0.15s, box-shadow 0.15s;
+}
+.brd-alloc-card--active {
+  border-color: var(--brd-blue);
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--brd-blue) 35%, transparent);
+}
+.brd-alloc-card-label {
+  font-size: 11px;
+  color: var(--text3);
+  margin-bottom: 6px;
+}
+.brd-alloc-card-return {
+  font-size: 22px;
+  font-weight: 800;
+  margin-bottom: 4px;
+}
+.brd-alloc-card-sub {
+  font-size: 11px;
+  color: var(--text2);
+}
+.brd-card--full { grid-column: 1 / -1; }
+
 /* ── 시그널 테이블 ── */
 .brd-sig-scroll { max-height: 200px; overflow-y: auto; }
 .brd-sig-table  { width: 100%; border-collapse: collapse; font-size: 11.5px; }