.report-panel {
  --report-ink: #172b3d;
  --report-muted: #718393;
  --report-line: #e5edf3;
  --report-green: #16836f;
  --report-red: #bd4f70;
  background: #fff;
  color: var(--report-ink);
  border: 1px solid #e3ebf2;
  border-radius: 12px;
  padding: 16px;
  min-width: 0;
  box-shadow: 0 3px 15px #1c3b5a04;
  font-variant-numeric: tabular-nums;
}
.report-panel-header { margin-bottom: 13px; padding-bottom: 10px; border-bottom: 1px solid var(--report-line); }
.report-panel-header h3 { display: flex; align-items: center; gap: 7px; margin: 0; color: var(--report-ink); font-size: 15px; font-weight: 750; line-height: 1.5; }
.report-panel-header h3::before { content: ""; width: 3px; height: 15px; border-radius: 2px; background: #c6a35c; flex: none; }
.report-panel-header p { margin: 4px 0 0 10px; color: var(--report-muted); font-size: 11px; line-height: 1.5; }
.report-money { display: block; white-space: nowrap; font-weight: 700; font-variant-numeric: tabular-nums; }
.report-positive { color: var(--report-green); }
.report-negative { color: var(--report-red); }
.report-neutral { color: #6d8090; }
.report-leader-grid, .report-largest-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 9px; }
.report-leader-column { border-radius: 8px; padding: 13px 10px; min-width: 0; }
.report-leader-positive { background: #eef7f4; color: var(--report-green); }
.report-leader-negative { background: #fbf0f3; color: var(--report-red); }
.report-leader-column h4 { margin: 0 0 15px; font-size: 13px; text-align: center; font-weight: 750; }
.report-leader-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.report-leader-list li { display: grid; gap: 4px; min-width: 0; font-size: 12px; }
.report-leader-name { display: flex; gap: 5px; align-items: flex-start; color: var(--report-ink); min-width: 0; }
.report-leader-name b { overflow-wrap: anywhere; font-weight: 650; }
.report-fund-identity { display: grid; gap: 2px; min-width: 0; color: var(--report-ink); line-height: 1.25; }
.report-fund-identity b { font-weight: 650; overflow-wrap: anywhere; }
.report-fund-identity small { color: var(--report-muted); font-size: 9px; font-weight: 400; overflow-wrap: anywhere; }
.report-rank { display: inline-grid; place-items: center; flex: none; border-radius: 50%; width: 15px; height: 15px; font-size: 10px; background: #16836f; color: #fff; }
.report-leader-negative .report-rank { background: #bd4f70; }
.report-leader-list .report-money { text-align: right; font-size: clamp(10px, .9vw, 12px); }
.report-flow-heading, .report-fund-row { display: grid; grid-template-columns: minmax(66px, .8fr) minmax(36px, 1fr) minmax(103px, 1.1fr); gap: 6px; align-items: center; }
.report-flow-heading { color: var(--report-muted); font-size: 9px; margin-bottom: 7px; }
.report-flow-heading span:nth-child(2) { text-align: center; font-size: 8px; white-space: nowrap; }
.report-flow-heading span:last-child { text-align: right; }
.report-fund-list { margin: 0; padding: 0; list-style: none; }
.report-fund-row { min-height: 34px; padding: 4px; border-radius: 3px; font-size: 11px; }
.report-fund-row:nth-child(odd) { background: #f3f7fa; }
.report-fund-row .report-fund-identity b { font-size: 11px; font-weight: 600; }
.report-fund-row .report-money { font-size: 10px; text-align: right; }
.report-flow-track { position: relative; height: 16px; min-width: 0; }
.report-flow-track::before { content: ""; width: 1px; height: 25px; background: #c7d5df; position: absolute; left: 50%; top: -4px; }
.report-flow-bar { position: absolute; left: 50%; height: 10px; top: 3px; }
.report-bar-positive { background: #16836f; border-radius: 0 1px 1px 0; }
.report-bar-negative { background: #bd4f70; transform: translateX(-100%); border-radius: 1px 0 0 1px; }
.report-count-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 0 0 10px; }
.report-count-grid > div { padding: 10px 4px; text-align: center; border-radius: 7px; }
.report-count-positive { background: #eef7f4; color: var(--report-green); }
.report-count-negative { background: #fbf0f3; color: var(--report-red); }
.report-count-neutral { background: #eef3f7; color: var(--report-ink); }
.report-count-grid dt { margin: 0; font-size: 11px; font-weight: 650; }
.report-count-grid dd { margin: 5px 0 0; font-size: 31px; font-weight: 550; line-height: 1.15; }
.report-count-grid small { margin-left: 5px; font-size: 11px; }
.report-largest-grid { margin: 0 0 12px; }
.report-largest { border-radius: 7px; text-align: center; padding: 10px 5px; min-width: 0; }
.report-largest dt { font-size: 11px; font-weight: 650; }
.report-largest dd { margin: 7px 0 0; display: grid; gap: 5px; min-width: 0; }
.report-largest strong { color: var(--report-ink); font-size: 14px; overflow-wrap: anywhere; }
.report-largest .report-fund-identity b { font-size: 14px; }
.report-largest .report-money { font-size: 11px; }
.report-sum-list { margin: 0; display: grid; gap: 6px; font-size: 11px; }
.report-sum-list > div { display: flex; justify-content: space-between; gap: 6px; align-items: baseline; }
.report-sum-list dt { color: var(--report-muted); }
.report-sum-list dd { margin: 0; }
.report-sum-list .report-net-sum { border-top: 1px solid var(--report-line); padding-top: 7px; }
.report-note { color: var(--report-muted); font-size: 10px; line-height: 1.6; margin: 11px 0 0; }
.report-unit-note { padding-top: 8px; border-top: 1px solid var(--report-line); overflow-wrap: anywhere; }
.report-caution { color: #936914; background: #fff8e8; border-radius: 4px; padding: 6px 8px; }
.report-none { font-size: 11px; line-height: 1.5; color: var(--report-muted); text-align: center; margin: 8px 0; }
.report-empty { font-size: 12px; line-height: 1.7; color: var(--report-muted); margin: 22px 0; }
.report-asset-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 10px; table-layout: fixed; }
.report-asset-table th, .report-asset-table td { padding: 11px 3px; text-align: left; overflow-wrap: anywhere; }
.report-asset-table thead th { background: #eaf0f5; color: var(--report-ink); font-size: 10px; font-weight: 700; padding: 8px 3px; }
.report-asset-table thead th:first-child { width: 29px; }
.report-asset-table thead th:nth-child(2) { width: 72px; }
.report-asset-table thead th:last-child { width: 47px; }
.report-asset-table tbody th { font-weight: 650; color: var(--report-ink); }
.report-asset-table th:nth-child(n+3), .report-asset-table td:nth-child(n+3) { text-align: right; white-space: nowrap; }
.report-asset-table tbody tr:nth-child(odd) { background: #f2f6fa; }
.report-asset-table td:last-child { position: relative; }
.report-asset-rank { display: inline-grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; }
.report-medal { color: #fff; background: #c4a155; }
.report-asset-table tr:nth-child(2) .report-medal { background: #98a6b4; }
.report-asset-table tr:nth-child(3) .report-medal { background: #b58b68; }
.report-share-bar { position: absolute; bottom: 4px; right: 3px; height: 2px; max-width: calc(100% - 6px); background: #c7ab70; }
@media (max-width: 620px) {
  .report-panel { padding: 14px; }
  .report-leader-list .report-money { font-size: 12px; }
}