.etf-main{max-width:1680px;margin:auto;padding:0 24px 40px}.etf-header nav .active{color:var(--accent,#2563eb);font-weight:800}.sample-banner{margin:0 0 14px;padding:12px 16px;border:1px solid #f2c36b;border-radius:12px;background:#fff7df;color:#754c00;font-size:14px}.intro{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:22px}.intro h2{margin:2px 0 6px;font-size:26px}.intro p{margin:0}.search{min-width:320px;font-size:13px;font-weight:700}.search input,.filter-row input,.filter-row select{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px 12px;border:1px solid var(--line,#d9e1ec);border-radius:9px;background:var(--panel,#fff);color:inherit}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.summary-grid>div{padding:18px;border:1px solid var(--line,#dde3ec);border-radius:14px;background:var(--panel,#fff)}.summary-grid span,.summary-grid small{display:block;color:var(--muted,#697386)}.summary-grid strong{display:block;margin:8px 0 3px;font-size:26px}.summary-grid .text{font-size:18px}.controls{padding:14px;margin-bottom:14px}.tabs{display:flex;gap:7px;overflow:auto;padding-bottom:12px}.tabs button,.filter-row button{white-space:nowrap;border:1px solid var(--line,#d9e1ec);border-radius:9px;padding:9px 12px;background:var(--panel,#fff);color:inherit;cursor:pointer}.tabs button.active{background:#172033;color:#fff;border-color:#172033}.filter-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto auto;gap:10px;align-items:end}.filter-row label{font-size:12px;font-weight:700}.filter-row .check{display:flex;align-items:center;gap:7px;padding:10px 4px}.filter-row .check input{width:auto;margin:0}.table-meta{display:flex;justify-content:space-between;margin:10px 2px;color:var(--muted,#697386);font-size:13px}.table-wrap{padding:0;overflow:auto}.table-wrap table{width:100%;min-width:1500px;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:12px 10px;border-bottom:1px solid var(--line,#e4e8ef);text-align:left;white-space:nowrap;font-size:13px}.table-wrap th{position:sticky;top:0;background:var(--panel,#fff);z-index:1;color:var(--muted,#697386)}.table-wrap th button{border:0;background:none;color:inherit;font:inherit;font-weight:700;cursor:pointer}.table-wrap tbody tr{cursor:pointer}.table-wrap tbody tr:hover{background:rgba(54,108,255,.055)}.name-cell strong,.name-cell span{display:block}.name-cell span{margin-top:3px;color:var(--muted,#697386);font-size:11px}.numeric{text-align:right!important;font-variant-numeric:tabular-nums}.up{color:#d13b3b}.down{color:#1971c2}.tag{padding:4px 8px;border-radius:999px;background:#edf2ff;color:#3156a6}.star{border:0;background:none;color:#f3a514;font-size:20px;cursor:pointer}.empty{text-align:center!important;padding:60px!important;color:var(--muted,#697386)}.note{font-size:12px;color:var(--muted,#697386)}.detail-overlay{position:fixed;inset:0;z-index:100;background:rgba(10,18,32,.58);padding:24px;overflow:auto}.detail-panel{position:relative;width:min(920px,100%);box-sizing:border-box;margin:auto;padding:28px;border-radius:18px;background:var(--panel,#fff);color:var(--text,#172033);box-shadow:0 24px 80px #0005}.close{position:absolute;right:18px;top:12px;border:0;background:none;color:inherit;font-size:34px;cursor:pointer}.detail-title h2{margin:6px 40px 4px 0;font-size:28px}.detail-title p{color:var(--muted,#697386)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.detail-grid>div,.fact-grid>div{padding:15px;border:1px solid var(--line,#e0e5ed);border-radius:12px}.detail-grid span,.detail-grid small,.fact-grid span{display:block;color:var(--muted,#697386);font-size:12px}.detail-grid strong{display:block;margin:7px 0;font-size:20px}.detail-panel h3{margin:24px 0 10px}.history{width:100%;border-collapse:collapse}.history th,.history td{padding:9px;border-bottom:1px solid var(--line,#e0e5ed);text-align:left;font-size:13px}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.fact-grid strong{display:block;margin-top:5px}.annual-bars>div{margin:12px 0}.annual-bars p{display:flex;justify-content:space-between;margin:0 0 5px}.annual-bars i{display:block;height:9px;border-radius:9px;background:#e9edf5;overflow:hidden}.annual-bars b{display:block;height:100%;background:#3269e8}.holdings{display:flex;gap:8px;flex-wrap:wrap}.holdings span{padding:8px 11px;border-radius:9px;background:#edf2ff}.error{padding:30px;color:#b42318}
@media(max-width:850px){.etf-main{padding:0 12px 28px}.intro{display:block}.search{min-width:0;margin-top:16px}.summary-grid{grid-template-columns:repeat(2,1fr)}.filter-row{grid-template-columns:1fr 1fr}.detail-grid,.fact-grid{grid-template-columns:1fr}.detail-overlay{padding:8px}.detail-panel{padding:20px 14px}.etf-header nav{overflow:auto}.etf-header nav a,.etf-header nav button{white-space:nowrap}}
.cycle-filter{display:flex;gap:5px;align-items:end}.cycle-filter button.active{background:#172033;color:#fff;border-color:#172033}.table-wrap table{min-width:1420px}
.theme-search{display:flex;align-items:center;gap:7px;margin-left:auto;min-width:260px;font-size:12px;font-weight:700}.theme-search input{width:190px;padding:8px 10px;border:1px solid var(--line,#d9e1ec);border-radius:9px;background:var(--panel,#fff);color:inherit}
.favorite-view{flex:none;border:1px solid #f0b43c;border-radius:12px;padding:11px 15px;background:#fff8e5;color:#7d5500;font-weight:800;cursor:pointer}.favorite-view span{display:inline-grid;min-width:22px;height:22px;margin-left:6px;padding:0 6px;place-items:center;border-radius:999px;background:#f3a514;color:#fff;font-size:11px}.favorite-view.active{background:#f3a514;color:#172033;border-color:#f3a514}.favorite-view.active span{background:#172033}
.detail-loading{min-height:360px;display:grid;place-items:center;color:var(--muted,#697386);font-size:14px}.history tr.unpaid{background:#fff7df}.payment-status{display:inline-block;padding:4px 8px;border-radius:999px;background:#edf2ff;color:#3156a6;font-size:11px;font-weight:700}.history tr.unpaid .payment-status{background:#ffe5a8;color:#805400}.detail-panel h3 small{color:var(--muted,#697386);font-size:11px;font-weight:400}.holding-table{border-top:1px solid var(--line,#e0e5ed)}.holding-table>div{display:grid;grid-template-columns:30px minmax(160px,1fr) 80px 72px minmax(100px,1fr);align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid var(--line,#e0e5ed);font-size:12px}.holding-table>div>span,.holding-table>div>small{color:var(--muted,#697386)}.holding-table>div>b{text-align:right}.holding-table i{height:6px;border-radius:6px;background:#e9edf5;overflow:hidden}.holding-table em{display:block;height:100%;background:#3269e8}.empty-inline{padding:24px;text-align:center;color:var(--muted,#697386)}
@media(max-width:850px){.holding-table>div{grid-template-columns:24px 1fr 60px}.holding-table>div>small{display:none}.holding-table i{grid-column:2/-1}}