목록 로딩 로직 개선

frontend/src/styles/backtestDashboard.css

@@ -553,6 +553,10 @@
   padding: 4px 2px 8px;
 }
 
+.btd-exec-scroll.vl-scroll .vl-scroll-row {
+  padding-bottom: 8px;
+}
+
 .btd-exec-item {
   width: 100%;
   text-align: left;

frontend/src/styles/tradeNotificationList.css

@@ -1051,6 +1051,20 @@
   gap: 12px;
 }
 
+.tnl-list.vl-scroll {
+  list-style: none;
+  margin: 0;
+  padding: 4px 4px 16px;
+}
+
+.tnl-list.vl-scroll.tnl-list--gallery .vl-scroll-row {
+  padding-bottom: 12px;
+}
+
+.tnl-list.vl-scroll.tnl-list--grid {
+  padding: 4px 4px 16px;
+}
+
 /* 우측 매매·호가 패널 접기/펼치기 */
 .tnl-side-wrap--right {
   display: flex;

frontend/src/styles/trendSearchDashboard.css

@@ -572,6 +572,21 @@
   border-radius: 10px;
 }
 
+.tsd-results-table-wrap--virtual {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.tsd-results-table--head {
+  flex-shrink: 0;
+}
+
+.tsd-virtual-empty {
+  padding: 24px 16px;
+  text-align: center;
+}
+
 .tsd-results-table {
   width: 100%;
   border-collapse: collapse;

frontend/src/styles/verificationBoard.css

@@ -99,6 +99,10 @@
   min-height: 0;
 }
 
+.vbd-list.vl-scroll {
+  display: block;
+}
+
 .vbd-list-empty {
   padding: 24px 12px;
   text-align: center;

frontend/src/styles/virtualList.css

@@ -0,0 +1,104 @@
+/* 가상 스크롤 공통 — @tanstack/react-virtual */
+.vl-scroll {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+}
+
+.vl-scroll-inner {
+  position: relative;
+  width: 100%;
+}
+
+.vl-scroll-row {
+  width: 100%;
+}
+
+.vl-grid-row {
+  display: grid;
+  width: 100%;
+  align-items: start;
+}
+
+.vl-scroll--list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.vl-scroll-item {
+  width: 100%;
+  list-style: none;
+}
+
+/* 추세검색 — 테이블 대체 가상 행 */
+.tsd-virtual-body.vl-scroll {
+  border-top: none;
+}
+
+.tsd-virtual-row {
+  display: grid;
+  grid-template-columns: minmax(100px, 1.4fr) minmax(72px, 0.9fr) minmax(56px, 0.7fr) minmax(120px, 1.5fr) minmax(72px, 0.8fr);
+  align-items: center;
+  cursor: pointer;
+  font-size: 11px;
+  border-bottom: 1px solid color-mix(in srgb, var(--tsd-border) 60%, transparent);
+  transition: background 0.15s;
+}
+
+.tsd-virtual-row:hover {
+  background: color-mix(in srgb, var(--tsd-gold) 6%, transparent);
+}
+
+.tsd-virtual-row.tsd-row--sel {
+  background: color-mix(in srgb, var(--tsd-gold) 12%, transparent);
+  box-shadow: inset 3px 0 0 var(--tsd-gold);
+}
+
+.tsd-virtual-cell {
+  padding: 9px 10px;
+  color: var(--tsd-text);
+  min-width: 0;
+}
+
+.vtd-grid-wrap--virtual {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 가상 그리드 — 스크롤 컨테이너는 block, 행 단위로 CSS grid */
+.vtd-grid-scroll {
+  flex: 1;
+  min-height: 0;
+  width: 100%;
+  display: block;
+  padding: 4px 4px 12px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+}
+
+.vtd-grid-row {
+  display: grid;
+  grid-template-columns: repeat(var(--vtd-grid-cols, 2), minmax(0, 1fr));
+  gap: 14px;
+  align-items: start;
+  width: 100%;
+}
+
+.vtd-grid-row .vtd-card--detail {
+  height: auto;
+  align-self: start;
+}
+
+.notify-virtual-list.vl-scroll,
+.virtual-target-virtual-list.vl-scroll {
+  flex: 1;
+  min-height: 0;
+}

frontend/src/styles/virtualTradingDashboard.css

@@ -1303,6 +1303,10 @@
   .vtd-grid--layout-preset {
     grid-template-columns: minmax(0, 1fr) !important;
   }
+
+  .vtd-grid-scroll .vtd-grid-row {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
 }
 
 .vtd-card {