.defirate-bridge-finder,.defirate-bridge-flows{--bf-surface:var(--surface, #fff);--bf-bg:var(--bg, #f8fafc);--bf-bg-alt:var(--border-light, #f1f5f9);--bf-border:var(--border, #e5e7eb);--bf-text-primary:var(--text-primary, #0f172a);--bf-text-secondary:var(--text-secondary, #374151);--bf-text-muted:var(--gray-tag, #64748b);--bf-text-strong:var(--navy, #111827);color:var(--bf-text-primary)}.defirate-bridge-finder .container,.defirate-bridge-flows .container{max-width:1200px;margin:0 auto}.defirate-bridge-finder .section,.defirate-bridge-flows .section{margin-bottom:32px}.defirate-bridge-finder .section-title,.defirate-bridge-flows .section-title{font-size:22px;font-weight:700;margin:12px 0;border:0!important;padding:0!important;text-decoration:none!important;box-shadow:none!important}.defirate-bridge-finder .section-title::before,.defirate-bridge-finder .section-title::after,.defirate-bridge-flows .section-title::before,.defirate-bridge-flows .section-title::after{content:none!important;display:none!important}.defirate-bridge-finder .table-container,.defirate-bridge-flows .table-container{background:var(--bf-surface);border:1px solid var(--bf-border);border-radius:10px;overflow:hidden}.defirate-bridge-finder .table-wrapper,.defirate-bridge-flows .table-wrapper{overflow-x:auto}.defirate-bridge-finder table,.defirate-bridge-flows table{width:100%;border-collapse:collapse!important;font-size:14px;margin-bottom:0!important;border-spacing:0!important}.defirate-bridge-finder .defirate-rates-table,.defirate-bridge-flows .defirate-rates-table{margin-top:0!important;margin-bottom:0!important}.defirate-bridge-finder thead,.defirate-bridge-flows thead{background:var(--bf-bg)!important}.defirate-bridge-finder th,.defirate-bridge-flows th{padding:14px 16px!important;text-align:left;color:var(--bf-text-muted)!important;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.4px;border:0!important;border-bottom:2px solid var(--bf-border)!important;background:var(--bf-bg)!important;box-shadow:none!important;vertical-align:middle}.defirate-bridge-finder td,.defirate-bridge-flows td{padding:16px 14px!important;border:0!important;border-top:1px solid var(--bf-border)!important;background:var(--bf-surface)!important;box-shadow:none!important;color:var(--bf-text-secondary)!important;vertical-align:middle}.defirate-bridge-finder tbody tr,.defirate-bridge-flows tbody tr{border-left:0!important;border-right:0!important}.defirate-bridge-finder tbody tr.data-row:hover,.defirate-bridge-flows tbody tr.data-row:hover{background:var(--bf-bg)}.defirate-bridge-finder th.volume-column,.defirate-bridge-finder th.change-column,.defirate-bridge-finder th.txs-column,.defirate-bridge-finder th.chains-column,.defirate-bridge-finder th.route-depth-column,.defirate-bridge-finder th.action-column,.defirate-bridge-finder td.volume-cell,.defirate-bridge-finder td.change-cell,.defirate-bridge-finder td.txs-cell,.defirate-bridge-finder td.chains-cell,.defirate-bridge-finder td.route-depth,.defirate-bridge-finder td.action-cell{text-align:center;white-space:nowrap}.defirate-bridge-flows th.in-column,.defirate-bridge-flows th.out-column,.defirate-bridge-flows th.net-column,.defirate-bridge-flows th.trend-column,.defirate-bridge-flows td.in-cell,.defirate-bridge-flows td.out-cell,.defirate-bridge-flows td.net-cell,.defirate-bridge-flows td.trend-cell{text-align:center}.defirate-bridge-finder .bridge-info{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;text-align:left}.defirate-bridge-finder .bridge-text{display:flex;flex-direction:column;min-width:0;gap:3px}.defirate-bridge-finder .bridge-name{font-weight:800;color:var(--bf-text-primary);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.defirate-bridge-finder .bridge-logo-wrap{position:relative;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bf-bg-alt);color:var(--bf-text-secondary);font-weight:700;font-size:14px;flex:0 0 auto}.defirate-bridge-finder .bridge-logo{width:36px;height:36px;display:block;border-radius:50%}.defirate-bridge-finder .bridge-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%}.defirate-bridge-finder .bridge-logo+.bridge-fallback{display:none}.defirate-bridge-finder .bridge-logo-wrap.logo-failed .bridge-logo{display:none}.defirate-bridge-finder .bridge-logo-wrap.logo-failed .bridge-fallback{display:flex}.defirate-bridge-finder .type-badge{display:inline-block;width:max-content;padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--bf-text-muted);background:var(--bf-bg);border:1px solid var(--bf-border);border-radius:999px;line-height:1.4}.defirate-bridge-finder .change-value,.defirate-bridge-flows .net-value,.defirate-bridge-flows .kpi-sub{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.defirate-bridge-finder .change-value.pos,.defirate-bridge-flows .net-value.pos,.defirate-bridge-flows .kpi-sub.pos{color:#059669}.defirate-bridge-finder .change-value.neg,.defirate-bridge-flows .net-value.neg,.defirate-bridge-flows .kpi-sub.neg{color:#dc2626}.defirate-bridge-finder .change-value.zero,.defirate-bridge-flows .net-value.zero,.defirate-bridge-flows .kpi-sub.zero{color:var(--bf-text-muted)}.defirate-bridge-finder .route-depth{font-weight:700;font-variant-numeric:tabular-nums;color:var(--bf-text-secondary)}.defirate-bridge-finder .route-bar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:12px 0 16px;padding:12px;background:var(--bf-surface);border:1px solid var(--bf-border);border-radius:10px}.defirate-bridge-finder .route-field{display:flex;flex-direction:column;gap:6px;flex:1 1 200px;min-width:160px}.defirate-bridge-finder .route-label{font-size:11px;font-weight:700;color:var(--bf-text-muted);text-transform:uppercase;letter-spacing:.4px}.defirate-bridge-finder .route-select{padding:8px 10px;background:var(--bf-surface);border:1px solid var(--bf-border);border-radius:8px;font-size:13px;color:var(--bf-text-primary);width:100%}.defirate-bridge-finder .route-select:focus{outline:2px solid #2563eb;outline-offset:1px}.defirate-bridge-finder .route-swap{flex:0 0 auto;width:36px;height:36px;align-self:flex-end;margin-bottom:1px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--bf-bg);border:1px solid var(--bf-border);border-radius:999px;font-size:16px;font-weight:700;color:var(--bf-text-strong);cursor:pointer}.defirate-bridge-finder .route-swap:hover{background:var(--bf-bg-alt)}.defirate-bridge-finder .rates-filters{display:flex;gap:24px;flex-wrap:wrap;margin:12px 0 16px;padding:12px;background:var(--bf-surface);border:1px solid var(--bf-border);border-radius:10px;align-items:center}.defirate-bridge-finder .filter-group{display:flex;flex-direction:column;gap:8px;flex:0 0 auto}.defirate-bridge-finder .filter-label{font-size:12px;font-weight:600;color:var(--bf-text-muted);text-transform:uppercase}.defirate-bridge-finder .period-selector{display:flex;gap:8px;flex-wrap:wrap}.defirate-bridge-finder .period-btn{padding:8px 12px;background:var(--bf-bg);border:1px solid var(--bf-border);border-radius:999px;font-size:13px;font-weight:600;color:var(--bf-text-strong);cursor:pointer}.defirate-bridge-finder .period-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.defirate-bridge-finder .bridge-search{padding:8px 12px;background:var(--bf-surface);border:1px solid var(--bf-border);border-radius:8px;font-size:13px;color:var(--bf-text-primary);min-width:180px}.defirate-bridge-finder .bridge-search:focus{outline:2px solid #2563eb;outline-offset:1px}.defirate-bridge-finder .route-empty-state{text-align:center;padding:20px 16px;margin:0 0 16px;color:var(--bf-text-secondary);background:var(--bf-bg);border:1px solid var(--bf-border);border-radius:10px}.defirate-bridge-finder .route-empty-state .empty-title{font-weight:700;margin-bottom:4px;color:var(--bf-text-primary)}.defirate-bridge-finder .route-empty-state .empty-hint{font-size:13px;color:var(--bf-text-muted)}.defirate-bridge-finder .affiliate-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0;border-radius:0;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-transform:none;color:#0047ff;background:none;border:0;box-shadow:none;transition:color .12s ease}.defirate-bridge-finder .affiliate-btn:visited{color:#0047ff}.defirate-bridge-finder .affiliate-btn:hover{color:#1d4ed8}.defirate-bridge-finder .bridge-visit{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--bf-text-secondary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.defirate-bridge-finder .bridge-visit:hover{color:var(--bf-text-primary)}.defirate-bridge-finder .bridge-updated,.defirate-bridge-flows .bridge-updated{font-size:12px;color:var(--bf-text-muted);margin:10px 0 0;text-align:right;font-variant-numeric:tabular-nums}.defirate-bridge-finder .bridge-footnote,.defirate-bridge-flows .bridge-footnote{font-size:12px;color:var(--bf-text-muted);margin-top:8px}.defirate-bridge-finder .bridge-show-more{display:block;width:100%;padding:12px 16px;border:0;border-top:1px solid var(--bf-border);background:var(--bf-bg);color:#2563eb;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;text-align:center;transition:background .12s ease}.defirate-bridge-finder .bridge-show-more:hover{background:var(--bf-bg-alt)}.defirate-bridge-finder .bridge-show-more:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.defirate-bridge-flows .bridge-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 20px}.defirate-bridge-flows .kpi-tile{padding:14px 16px;background:var(--bf-surface);border:1px solid var(--bf-border);border-radius:10px}.defirate-bridge-flows .kpi-label{font-size:11px;font-weight:700;color:var(--bf-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.defirate-bridge-flows .kpi-value{font-size:18px;font-weight:800;color:var(--bf-text-primary);line-height:1.2}.defirate-bridge-flows .kpi-sub{font-size:13px;margin-top:2px}.defirate-bridge-flows .chain-info{display:flex;align-items:center;gap:10px;text-align:left}.defirate-bridge-flows .chain-chip{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--bf-bg-alt);color:var(--bf-text-secondary);font-weight:700;font-size:13px;flex:0 0 auto}.defirate-bridge-flows .chain-name{font-weight:700;color:var(--bf-text-primary);white-space:nowrap}.defirate-bridge-flows td.chain-cell{text-align:left}.defirate-bridge-flows .spark-wrap{display:inline-block;width:64px;height:20px;line-height:0}.defirate-bridge-flows .spark-wrap.pos{color:#059669}.defirate-bridge-flows .spark-wrap.neg{color:#dc2626}.defirate-bridge-flows .spark-wrap.zero{color:var(--bf-text-muted)}.defirate-bridge-flows .spark-svg{width:100%;height:100%;display:block}.defirate-bridge-flows .spark-empty{color:var(--bf-text-muted)}.defirate-bridge-flows .bridge-assets{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}.defirate-bridge-flows .asset-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--bf-text-secondary);background:var(--bf-bg);border:1px solid var(--bf-border);border-radius:999px;white-space:nowrap}.defirate-bridge-flows .asset-pill .asset-symbol{font-weight:800;color:var(--bf-text-primary)}@media (max-width:768px){.defirate-bridge-finder .rates-filters{flex-direction:column;align-items:stretch;gap:12px}.defirate-bridge-finder .filter-group{width:100%}.defirate-bridge-finder .route-bar{align-items:stretch}.defirate-bridge-finder .route-field{flex:1 1 100%}.defirate-bridge-finder .route-swap{align-self:center}.defirate-bridge-flows .bridge-kpis{grid-template-columns:1fr}}@media (max-width:767px){.defirate-bridge-finder .table-wrapper,.defirate-bridge-flows .table-wrapper{position:relative}.defirate-bridge-finder .defirate-rates-table th:first-child,.defirate-bridge-flows .defirate-rates-table th:first-child{position:sticky;left:0;z-index:3;background:var(--bf-bg)}.defirate-bridge-finder .defirate-rates-table td.bridge-cell,.defirate-bridge-flows .defirate-rates-table td.chain-cell{position:sticky;left:0;z-index:2;background:var(--bf-surface);min-width:140px}.defirate-bridge-finder .defirate-rates-table th:first-child::after,.defirate-bridge-finder .defirate-rates-table td.bridge-cell::after,.defirate-bridge-flows .defirate-rates-table th:first-child::after,.defirate-bridge-flows .defirate-rates-table td.chain-cell::after{content:'';position:absolute;top:0;bottom:0;right:-1px;width:1px;background:var(--bf-border)}}@media (max-width:640px){.defirate-bridge-finder .section-title,.defirate-bridge-flows .section-title{font-size:18px;margin:8px 0}.defirate-bridge-finder .route-bar{gap:8px;padding:8px}.defirate-bridge-finder .route-field{min-width:0}.defirate-bridge-finder .rates-filters{gap:6px;padding:8px;align-items:stretch}.defirate-bridge-finder .filter-group{flex-direction:row;align-items:center;gap:10px;width:100%}.defirate-bridge-finder .filter-label{display:block;flex:0 0 58px;margin:0;font-size:10px;line-height:1.1;letter-spacing:.3px;text-align:left;white-space:nowrap}.defirate-bridge-finder .period-selector{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;gap:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:1px}.defirate-bridge-finder .period-selector::-webkit-scrollbar{display:none}.defirate-bridge-finder .period-btn{flex:0 0 auto;white-space:nowrap;padding:6px 12px;font-size:12px}.defirate-bridge-finder .bridge-search{flex:1 1 auto;min-width:0;width:auto;padding:8px 12px;font-size:13px}.defirate-bridge-finder th,.defirate-bridge-finder td,.defirate-bridge-flows th,.defirate-bridge-flows td{padding:10px 8px;font-size:11px}.defirate-bridge-finder .bridge-logo-wrap{width:28px;height:28px}.defirate-bridge-finder .bridge-logo{width:28px;height:28px}.defirate-bridge-finder .bridge-name{font-size:13px}.defirate-bridge-finder .type-badge{font-size:9px;padding:1px 6px}.defirate-bridge-flows .kpi-tile{padding:10px 12px}.defirate-bridge-flows .kpi-value{font-size:16px}.defirate-bridge-flows .chain-chip{width:24px;height:24px;font-size:12px}}