.container max-width: 1400px; margin: 0 auto;
.tpo-card background: white; border-radius: 28px; overflow: hidden; transition: all 0.25s ease; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); border: 1px solid #e3f0f5; display: flex; flex-direction: column; Toefl Tpo 1-72 Download-
.btn-download.primary:hover background: #0e556e; .container max-width: 1400px
// optional: extra full range "select all" but already bulk works on visible // initial render renderGrid(); margin: 0 auto
.card-body padding: 0.5rem 1.3rem 1rem; flex: 1;
.stat-card background: white; padding: 0.6rem 1.5rem; border-radius: 80px; box-shadow: 0 6px 12px -8px rgba(0,0,0,0.1); font-weight: 600; font-size: 0.9rem; color: #145c7a; border: 1px solid rgba(0,0,0,0.05);
// Bulk download: triggers all visible (filtered) TPOs one by one with small delay async function downloadAllVisible(visibleItems) if (!visibleItems.length) showToast("⚠️ No TPOs match current filters.", true); return; showToast(`📦 Preparing bulk download for $visibleItems.length TPOs...`); for (let idx = 0; idx < visibleItems.length; idx++) const tpo = visibleItems[idx]; // delay to avoid browser overwhelming (each click triggers download) await new Promise(resolve => setTimeout(resolve, 280)); downloadSingleTPO(tpo.number); showToast(`🎉 Bulk download started: $visibleItems.length TPO files. Check your downloads folder.`);