.etf-backtest-results{max-width:1400px;padding:20px;padding-top:calc(var(--header-h,72px) + 20px);margin:0 auto;font-family:Inter,sans-serif}.etf-backtest-results .header-blog-dashboard{padding:15px 20px}@media (max-width:1024px){.etf-backtest-results .header-blog-dashboard{padding:3% 20px 15px}}@media (max-width:768px){.etf-backtest-results .header-blog-dashboard{padding:3% 20px 20px}}.etf-backtest-header{text-align:center;margin-top:20px;margin-bottom:30px}.etf-backtest-header h1{color:#1d3557;margin:0 0 10px;font-size:28px;font-weight:600}.etf-backtest-subtitle{color:#64748b;margin:0;font-size:16px;font-weight:400;line-height:1.5}.strategy-main-title{letter-spacing:-.02em;color:#0f172a!important;margin:0 0 16px!important;font-size:42px!important;font-weight:700!important}.strategy-main-subtitle{max-width:800px;color:#475569!important;margin:0 auto!important;font-size:18px!important;font-weight:400!important;line-height:1.6!important}.hero-metrics-card{background:linear-gradient(135deg,#2d3748 0%,#1a202c 100%);border-radius:16px;margin-bottom:40px;padding:36px 40px;box-shadow:0 10px 40px #0003}.hero-metrics-grid{grid-template-columns:repeat(3,1fr);gap:36px 48px;max-width:100%;display:grid}.hero-metric-item{flex-direction:column;gap:10px;display:flex}.hero-metric-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.hero-metric-label svg{opacity:.5}.hero-metric-value{color:#fff;letter-spacing:-.01em;font-size:26px;font-weight:700;line-height:1.2}.metrics-section{background:#fff;border-radius:8px;margin-bottom:30px;padding:20px;box-shadow:0 2px 4px #0000001a}.metrics-section h2{color:#1d3557;margin-bottom:20px;font-size:20px;font-weight:600}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:100%;display:grid}.metric-card{color:#fff;box-sizing:border-box;background:#5b7cdb;border-radius:12px;width:100%;min-width:0;max-width:100%;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #00000026}@media (min-width:1000px){.metrics-grid{grid-auto-rows:auto;grid-template-columns:repeat(4,1fr)!important}.metric-card{box-sizing:border-box;width:100%;max-width:100%}.metric-card:nth-child(5){grid-area:2/1!important}.metric-card:nth-child(6){grid-area:2/2!important}.metric-card:nth-child(7){grid-area:2/3!important}}@media (max-width:999px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card:nth-child(5),.metric-card:nth-child(6),.metric-card:nth-child(7){grid-area:auto}}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.metric-card.positive-card{color:#fff;background:#16a34a}.metric-card.negative-card{color:#fff;background:#dc2626}.metric-card.neutral-card{color:#fff;background:#64748b}.metric-card.low-volatility-card{color:#fff;background:#0891b2}.metric-card.high-volatility-card{color:#fff;background:#ea580c}.metric-card h3{opacity:1;text-transform:uppercase;letter-spacing:1px;color:#fffffff2;margin:0 0 12px;font-size:13px;font-weight:700}.metric-card .value-large{color:#fff;margin:0 0 8px;font-size:36px;font-weight:700;line-height:1.2}.metric-card .value-small{color:#ffffffd9;opacity:.9;margin:0;font-size:14px;font-weight:500}.equity-curve-section{background:#fff;border-radius:8px;margin-bottom:30px;padding:20px;box-shadow:0 2px 4px #0000001a}.equity-curve-section h2{color:#1d3557;margin-bottom:15px;font-size:20px;font-weight:600}.chart-container{width:100%;height:400px;position:relative}.trades-section{background:#fff;border-radius:8px;margin-bottom:30px;padding:20px;box-shadow:0 2px 4px #0000001a}.trades-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.trades-section h2{color:#1d3557;margin:0;font-size:20px;font-weight:600}.export-csv-btn{color:#fff;cursor:pointer;background-color:#5b7cdb;border:none;border-radius:6px;align-items:center;padding:10px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #5b7cdb33}.export-csv-btn:hover{background-color:#4a6bc8;transform:translateY(-1px);box-shadow:0 4px 8px #5b7cdb4d}.export-csv-btn:active{transform:translateY(0);box-shadow:0 2px 4px #5b7cdb33}.trades-info{color:#666;margin-bottom:15px;font-size:14px}.trades-table-container{-webkit-overflow-scrolling:touch;max-width:100%;margin-bottom:20px;overflow-x:auto}.trades-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e1e1e1;border-radius:18px;width:100%;min-width:800px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0f}.trades-table thead th{z-index:1;color:#000000b3;letter-spacing:.02em;text-align:left;white-space:nowrap;background:#fafafa;border-bottom:1px solid #e1e1e1;padding:14px 16px;font-size:14px;font-weight:600;position:sticky;top:0}.trades-table tbody td{color:#212529;vertical-align:middle;border-bottom:1px solid #e1e1e1;padding:14px 16px;font-size:14px}.trades-table tbody tr:hover{background:#f9fcfd}.trades-table tbody tr:last-child td{border-bottom:none}.trades-table th:first-child,.trades-table td:first-child{text-align:left}.trades-table th[data-type=number],.trades-table td[data-type=number]{text-align:right;font-variant-numeric:tabular-nums}.pagination{border-top:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;display:flex}.page-numbers{align-items:center;gap:5px;display:flex}.page-btn{color:#333;cursor:pointer;background-color:#f0f0f0;border:none;border-radius:6px;margin:0 2px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.page-btn:hover:not(:disabled){background-color:#e0e0e0;transform:translateY(-1px)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{color:#fff;background-color:#5b7cdb}.page-btn.active:hover{background-color:#4a6bc8}.page-ellipsis{color:#666;padding:8px 4px;font-size:14px}.loading-container{text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:60px 40px;display:flex;box-shadow:0 2px 8px #0000001a}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#5b7cdb;border-radius:50%;width:50px;height:50px;margin-bottom:24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#1d3557;margin:0 0 8px;font-family:Inter,sans-serif;font-size:18px;font-weight:600}.loading-subtext{color:#6b7280;margin:0;font-family:Inter,sans-serif;font-size:14px}.cta-section{text-align:center;background:#f8fafc;border-radius:12px;margin-bottom:30px;padding:60px 40px}.cta-icons{justify-content:center;gap:16px;margin-bottom:32px;display:flex}.cta-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex}.cta-icon:hover{transform:translateY(-2px)}.cta-icon-blue{color:#2563eb;background:#dbeafe}.cta-icon-red{color:#dc2626;background:#fee2e2}.cta-icon-green{color:#059669;background:#d1fae5}.cta-title{color:#0f172a;max-width:900px;margin:0 auto 32px;font-size:28px;font-weight:600;line-height:1.5}.cta-highlight-green{color:#059669}.cta-highlight-blue{color:#2563eb}.cta-invest-text{color:#0f172a;margin:24px 0 20px;font-size:22px;font-weight:700}.cta-button{color:#fff;background:#2563eb;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 4px 12px #2563eb33}.cta-button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb4d}.cta-disclaimer{border-top:1px solid #e2e8f0;max-width:900px;margin-top:48px;margin-left:auto;margin-right:auto;padding-top:32px}.cta-disclaimer p{color:#64748b;margin:0 0 12px;font-size:13px;line-height:1.6}.cta-copyright{color:#94a3b8;margin-top:8px;font-size:12px}.error-container,.no-data-container{text-align:center;background:#fff;border-radius:8px;padding:40px;box-shadow:0 2px 4px #0000001a}.error-container{color:#d32f2f}@media (max-width:768px){.etf-backtest-results{padding:15px;padding-top:calc(var(--header-h,80px) + 40px)}.etf-backtest-header{margin-top:20px}.etf-backtest-header h1{font-size:24px}.strategy-main-title{font-size:28px!important}.strategy-main-subtitle{font-size:16px!important}.hero-metrics-card{padding:24px 20px}.hero-metrics-grid{grid-template-columns:repeat(2,1fr);gap:24px 20px}.hero-metric-value{font-size:20px}.hero-metric-label{font-size:11px}.cta-section{padding:40px 24px}.cta-icons{gap:12px;margin-bottom:24px}.cta-icon{width:42px;height:42px}.cta-icon svg{width:18px;height:18px}.cta-title{margin-bottom:24px;font-size:20px}.cta-invest-text{margin:20px 0 16px;font-size:18px}.cta-button{padding:12px 28px;font-size:15px}.cta-disclaimer{margin-top:32px;padding-top:24px}.metrics-section,.equity-curve-section,.trades-section{padding:15px}.metrics-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.metric-card:nth-child(5),.metric-card:nth-child(6),.metric-card:nth-child(7){grid-area:auto!important}.metric-card{padding:20px}.metric-card .value-large{font-size:28px}.chart-container{height:300px}.trades-header{flex-direction:column;align-items:flex-start;gap:12px}.export-csv-btn{justify-content:center;width:100%}.trades-table-container{overflow-x:scroll}.pagination{flex-direction:column;gap:15px}.page-numbers{flex-wrap:wrap;justify-content:center}.page-btn{padding:6px 12px;font-size:13px}}@media (max-width:480px){.strategy-main-title{font-size:24px!important}.strategy-main-subtitle{font-size:14px!important}.hero-metrics-card{padding:20px 16px}.hero-metrics-grid{gap:20px 16px}.hero-metric-item{gap:6px}.hero-metric-label{gap:6px;font-size:10px}.hero-metric-label svg{width:14px;height:14px}.hero-metric-value{font-size:18px}.cta-section{padding:32px 20px}.cta-icons{gap:10px;margin-bottom:20px}.cta-icon{width:38px;height:38px}.cta-icon svg{width:16px;height:16px}.cta-title{margin-bottom:20px;font-size:18px}.cta-invest-text{margin:18px 0 14px;font-size:17px}.cta-button{width:100%;padding:12px 24px;font-size:14px}.cta-disclaimer{margin-top:28px;padding-top:20px}.cta-disclaimer p{font-size:12px}.cta-copyright{font-size:11px}}
