*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#0f1419;color:#e7e9ea;line-height:1.5}.app{max-width:1200px;margin:0 auto;padding:24px}.header{margin-bottom:32px}.header h1{font-size:28px;font-weight:700;margin-bottom:8px}.header p{color:#71767b;font-size:14px}.dashboard{background:linear-gradient(135deg,#1a1f2e,#1e2536);border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid #2f3542}.dashboard h2{font-size:16px;color:#71767b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.stat-card{background:#ffffff0d;border-radius:12px;padding:16px}.stat-label{font-size:12px;color:#71767b;margin-bottom:4px;text-transform:uppercase}.stat-value{font-size:24px;font-weight:700;color:#00d4aa}.metrics-subheader{font-size:14px;color:#71767b;margin-top:24px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.threshold-stats{grid-template-columns:repeat(3,1fr)}.threshold-card .stat-value{font-size:32px;color:#3b82f6}.exchange-section{background:#1a1f2e;border-radius:16px;padding:24px;border:1px solid #2f3542}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:20px;font-weight:600}.exchange-selector select{background:#2f3542;color:#e7e9ea;border:1px solid #3d4450;border-radius:8px;padding:10px 16px;font-size:14px;cursor:pointer;outline:none}.exchange-selector select:hover{border-color:#00d4aa}.exchange-selector select:focus{border-color:#00d4aa;box-shadow:0 0 0 2px #00d4aa33}.chart-container{height:400px;margin-top:16px}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:#71767b}.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:16px;color:#ef4444;text-align:center}.pairs-list{margin-top:16px;padding-top:16px;border-top:1px solid #2f3542}.pairs-list h3{font-size:14px;color:#71767b;margin-bottom:8px}.pairs-tags{display:flex;flex-wrap:wrap;gap:8px}.pair-tag{background:#2f3542;padding:4px 10px;border-radius:4px;font-size:12px;color:#a3a9b3}.refresh-info{font-size:12px;color:#71767b;margin-top:16px;text-align:right}.section-controls{display:flex;gap:12px;align-items:center}.time-range-selector{display:flex;background:#2f3542;border-radius:8px;padding:4px;gap:4px}.time-range-btn{background:transparent;border:none;color:#71767b;padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.time-range-btn:hover{color:#e7e9ea;background:#ffffff1a}.time-range-btn.active{background:#00d4aa;color:#0f1419;font-weight:600}.pair-selector{margin-bottom:16px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid #2f3542}.pair-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pair-selector-label{font-size:14px;color:#71767b}.select-all-btn{background:transparent;border:1px solid #3d4450;color:#a3a9b3;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.select-all-btn:hover{border-color:#00d4aa;color:#00d4aa}.pair-chips{display:flex;flex-wrap:wrap;gap:8px}.pair-chip{background:#2f3542;border:1px solid #3d4450;color:#a3a9b3;padding:8px 14px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s ease}.pair-chip:hover{border-color:#00d4aa;color:#e7e9ea}.pair-chip.selected{background:#00d4aa26;border-color:#00d4aa;color:#00d4aa}.no-pairs{color:#71767b;font-style:italic}.chart-note{font-size:12px;color:#71767b;margin-top:12px;padding:12px;background:#00d4aa1a;border-radius:8px;border-left:3px solid #00d4aa}.chart-footnote{font-size:11px;color:#71767b;font-style:italic;margin-top:8px;text-align:right}.exchange-section{margin-bottom:24px}.exchange-section:last-child{margin-bottom:0}.exchange-toggle-section{margin-top:16px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid #2f3542}.tab-navigation{display:flex;gap:8px;margin-bottom:24px;background:#1a1f2e;padding:8px;border-radius:12px;border:1px solid #2f3542}.tab-btn{flex:1;padding:12px 24px;background:transparent;border:none;color:#71767b;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:#e7e9ea;background:#ffffff0d}.tab-btn.active{background:#00d4aa;color:#0f1419;font-weight:600}.weekly-trends{background:linear-gradient(135deg,#1a1f2e,#1e2536);border-radius:16px;padding:24px;border:1px solid #2f3542}.weekly-trends h2{font-size:20px;font-weight:600;margin-bottom:24px}.weekly-trends h3{font-size:16px;color:#71767b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.weekly-trends h4{font-size:14px;color:#71767b;margin-top:20px;margin-bottom:12px}.weekly-trends .no-data{color:#71767b;font-style:italic;padding:40px;text-align:center}.wow-section{margin-bottom:32px}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.threshold-comparison{margin-bottom:0}.comparison-card{background:#ffffff0d;border-radius:12px;padding:16px}.comparison-label{font-size:12px;color:#71767b;text-transform:uppercase;margin-bottom:12px;font-weight:500}.comparison-values{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.comparison-current,.comparison-previous,.comparison-change{text-align:center}.value-label{display:block;font-size:10px;color:#71767b;margin-bottom:4px;text-transform:uppercase}.value-number{font-size:16px;font-weight:600;color:#e7e9ea}.comparison-current .value-number{color:#00d4aa}.change-indicator{font-size:14px;font-weight:600}.change-indicator.positive{color:#10b981}.change-indicator.negative{color:#ef4444}.change-neutral{color:#71767b;font-size:14px}.chart-section{margin-top:32px}.chart-section h3{margin-bottom:16px}.threshold-subheader{font-size:13px!important;margin-top:16px!important;margin-bottom:10px!important}.weekly-trends .recharts-legend-wrapper{padding-top:10px}.weekly-trends .recharts-legend-item-text{color:#e7e9ea!important}.depth-spread-section{background:linear-gradient(135deg,#1a1f2e,#1e2536);border-radius:16px;padding:24px;border:1px solid #2f3542}.depth-spread-section h2{font-size:20px;font-weight:600;margin-bottom:24px}.depth-table-group{margin-bottom:32px}.depth-table-group h3{font-size:14px;color:#71767b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.depth-table-wrapper{overflow-x:auto}.depth-table{width:100%;border-collapse:collapse;font-size:13px}.depth-table th{background:#ffffff0d;color:#71767b;text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:right;border-bottom:1px solid #2f3542;white-space:nowrap}.depth-table th.col-left{text-align:left}.depth-table td{padding:10px 12px;text-align:right;border-bottom:1px solid rgba(47,53,66,.5);color:#e7e9ea;white-space:nowrap}.depth-table td.col-left{text-align:left;font-weight:500}.depth-table tbody tr:hover{background:#ffffff08}.spread-tight{color:#10b981}.spread-moderate{color:#f59e0b}.spread-wide{color:#ef4444}.depth-table th.col-bid,.depth-table td.col-bid{background:#10b9810d;text-align:right}.depth-table th.col-ask,.depth-table td.col-ask{background:#ef44440d;text-align:right}.depth-table td.col-venue{text-align:left;font-weight:500;white-space:nowrap}.freshness-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;flex-shrink:0}.freshness-ok{background:#10b981}.freshness-error{background:#ef4444}.freshness-unknown{background:#71767b}.defi-pools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:20px;margin-top:16px}.defi-pool-card,.defi-vault-card,.defi-lending-card{background:#1a1f2e;border:1px solid #2f3542;border-radius:12px;padding:20px}.pool-header,.vault-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pool-header h3,.vault-header h3{font-size:18px;font-weight:600;color:#e7e9ea}.pool-type-badge{font-size:11px;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:4px;letter-spacing:.5px}.pool-type-badge.stablecoin{background:#10b98126;color:#10b981}.pool-type-badge.risk{background:#f59e0b26;color:#f59e0b}.pool-type-badge.solana{background:#9945ff26;color:#9945ff}.pool-type-badge.ethereum{background:#627eea26;color:#627eea}.pool-type-badge.venue{background:#71767b26;color:#a0a4aa}.pool-badges,.lending-badges{display:flex;gap:6px;align-items:center}.vault-badge{font-size:11px;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:4px;letter-spacing:.5px;background:#7c3aed26;color:#7c3aed}.lending-badge{font-size:11px;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:4px;letter-spacing:.5px;background:#3b82f626;color:#3b82f6}.pool-tvl,.vault-tvl{margin-bottom:16px}.pool-stat-label{display:block;font-size:12px;color:#71767b;margin-bottom:2px}.pool-stat-value{display:block;font-size:28px;font-weight:700;color:#e7e9ea}.pool-balance-section{margin-bottom:16px}.pool-balance-label{font-size:12px;color:#71767b;margin-bottom:6px}.pool-balance-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#2f3542}.pool-balance-fill-a{background:#7c3aed;transition:width .3s ease}.pool-balance-fill-b{background:#3b82f6;transition:width .3s ease}.pool-balance-legend{display:flex;justify-content:space-between;margin-top:6px;font-size:11px}.legend-a{color:#7c3aed}.legend-b{color:#3b82f6}.pool-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:16px}.pool-stat-group{background:#2f354280;border-radius:8px;padding:12px}.pool-stat-group-title{font-size:12px;font-weight:600;color:#71767b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.pool-stat-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:13px;color:#a0a4aa}.pool-stat-row span:last-child{font-weight:600;color:#e7e9ea}.yield-value{color:#10b981!important}.borrow-apy-value{color:#f59e0b!important}.pool-meta{display:flex;gap:16px;font-size:12px;color:#71767b;padding-top:12px;border-top:1px solid #2f3542}.lending-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.lending-stat{text-align:center}.lending-stat .pool-stat-value{font-size:22px}.utilization-section{margin-bottom:20px}.utilization-header{display:flex;justify-content:space-between;font-size:13px;color:#71767b;margin-bottom:6px}.utilization-pct{font-weight:700;color:#e7e9ea}.utilization-bar{height:10px;background:#2f3542;border-radius:5px;overflow:hidden}.utilization-fill{height:100%;border-radius:5px;transition:width .3s ease}.lending-apy-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.lending-apy{text-align:center;background:#2f354280;border-radius:8px;padding:12px}.lending-apy .pool-stat-label{text-align:center}.lending-apy .yield-value,.lending-apy .borrow-apy-value{display:block;font-size:24px;font-weight:700;margin-top:4px}.lending-meta{display:flex;gap:16px;font-size:12px;color:#71767b;padding-top:12px;border-top:1px solid #2f3542}.defi-subsection-title{font-size:16px;font-weight:600;color:#a0a4aa;margin-bottom:12px;margin-top:24px;text-transform:uppercase;letter-spacing:.5px}.defi-subsection-title:first-of-type{margin-top:0}.last-updated{font-size:12px;color:#71767b}.dex-chart-section{margin-bottom:24px}.dex-chart-section .chart-container{height:320px}.chart-empty-state{text-align:center;padding:40px 20px;color:#71767b;font-size:14px;background:#1a1f2e;border-radius:12px;border:1px dashed #2f3542;margin-bottom:24px}.pool-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.pool-detail-header .defi-subsection-title{margin-bottom:0}.pool-selector{background:#1a1f2e;color:#e7e9ea;border:1px solid #2f3542;border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer;outline:none}.pool-selector:hover{border-color:#3b82f6}.pool-selector:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.pool-selector option{background:#1a1f2e;color:#e7e9ea}.dex-venue-overview{background:#1a1f2e;border:1px solid #2f3542;border-radius:12px;padding:16px 20px;margin-bottom:24px}.venue-overview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.venue-overview-tag{display:flex;gap:8px}.venue-tag-chain{background:#9945ff26;color:#9945ff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.venue-tag-venue{background:#00d4aa26;color:#00d4aa;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.venue-pool-count{color:#71767b;font-size:13px}.venue-overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.venue-overview-stat{display:flex;flex-direction:column;gap:4px}.venue-overview-label{font-size:11px;color:#71767b;text-transform:uppercase;letter-spacing:.3px}.venue-overview-value{font-size:18px;font-weight:600;color:#e7e9ea}.total-defi-grand-total{font-size:20px;font-weight:700;color:#00d4aa}.chain-overview-grid{display:grid;grid-template-columns:1fr;gap:20px}.chain-overview-card{background:#1a1f2e;border:1px solid #2f3542;border-radius:12px;padding:20px}.chain-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.chain-name{font-size:18px;font-weight:600;color:#e7e9ea}.chain-total-tvl{font-size:22px;font-weight:700;color:#00d4aa}.chain-tvl-breakdown{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #2f3542}.chain-tvl-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#a0a4aa}.tvl-category-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.chain-tvl-value{margin-left:auto;font-weight:600;color:#e7e9ea}.chain-venues{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.venue-section{background:#151924;border:1px solid #2f3542;border-radius:8px;padding:14px}.venue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.venue-name{font-size:14px;font-weight:600;color:#e7e9ea}.venue-count{font-size:12px;color:#71767b}.venue-stats{display:flex;flex-direction:column;gap:8px}.venue-stat{display:flex;justify-content:space-between;align-items:center}.venue-stat-label{font-size:12px;color:#71767b}.venue-stat-value{font-size:14px;font-weight:600;color:#e7e9ea}@media (max-width: 768px){.defi-pools-grid{grid-template-columns:1fr}.lending-stats-row{grid-template-columns:1fr;gap:12px}.pool-stats-grid{grid-template-columns:1fr}.pool-detail-header{flex-direction:column;align-items:flex-start;gap:8px}.venue-overview-stats{grid-template-columns:repeat(2,1fr)}.chain-venues{grid-template-columns:1fr}}.fuse-box-section{padding:24px}.fuse-updated{font-size:12px;color:#71767b;display:flex;align-items:center;gap:12px}.fuse-refresh-btn{background:#ffffff14;border:1px solid #2f3542;color:#e7e9ea;padding:3px 10px;border-radius:4px;font-size:11px;cursor:pointer}.fuse-refresh-btn:hover{background:#ffffff24}.fuse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:24px 0}.fuse-card{background:#1a1f2e;border:1px solid #2f3542;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:14px}.fuse-card-ok{border-color:#10b9814d}.fuse-card-error{border-color:#ef44444d}.fuse-card-unknown{border-color:#2f3542}.fuse-light{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.fuse-light-ok{background:#10b98133}.fuse-light-error{background:#ef444433}.fuse-light-unknown{background:#71767b33}.fuse-light-inner{width:12px;height:12px;border-radius:50%}.fuse-light-ok .fuse-light-inner{background:#10b981;box-shadow:0 0 6px #10b981}.fuse-light-error .fuse-light-inner{background:#ef4444;box-shadow:0 0 6px #ef4444}.fuse-light-unknown .fuse-light-inner{background:#71767b}.fuse-card-body{flex:1;min-width:0}.fuse-card-name{font-size:15px;font-weight:600;color:#e7e9ea;margin-bottom:4px}.fuse-card-status{font-size:12px;color:#71767b}.fuse-card-error-msg{font-size:11px;color:#ef4444;margin-top:6px;word-break:break-word}