:root{--bg-primary: #0a0a0f;--bg-surface: #111827;--bg-surface-hover: #1a1a2e;--bg-elevated: #162031;--bg-accent: rgba(0, 155, 136, .04);--bg-accent-hover: rgba(0, 155, 136, .08);--border: #1e293b;--border-bright: #2d3f57;--border-accent: rgba(0, 155, 136, .25);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-muted: #475569;--accent: #009B88;--accent-dim: #006663;--positive: #009B88;--negative: #ef4444;--warning: #f59e0b;--neutral: #64748b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--radius: 6px;--radius-lg: 8px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;padding:24px;max-width:1280px;margin:0 auto}.hero-strip{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 28px;margin-bottom:20px;position:relative;overflow:hidden}.hero-strip:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 70%)}.hero-title{color:var(--text-primary);font-family:var(--font-sans);font-size:15px;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:2.5px}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:16px}.metric{text-align:left;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.metric-label{color:var(--text-tertiary);font-size:10px;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.metric-value{color:var(--accent);font-size:22px;font-weight:700;font-family:var(--font-mono);letter-spacing:-.5px}.verify-link{color:var(--accent);text-decoration:none;border:1px solid var(--border-bright);padding:8px 18px;display:inline-block;margin-top:8px;transition:all .2s ease;border-radius:var(--radius);font-size:12px;font-weight:500;letter-spacing:.3px}.verify-link:hover{background:var(--bg-accent-hover);border-color:var(--accent)}.connection-bar{text-align:right;padding:4px 16px 8px;font-size:11px}.connection-status{font-weight:600;letter-spacing:.5px;font-family:var(--font-mono);font-size:11px}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.left-column,.right-column{display:flex;flex-direction:column;gap:20px}.section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.section-title{color:var(--text-secondary);font-size:11px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:1.5px;padding-bottom:10px;border-bottom:1px solid var(--border)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th,.data-table td{text-align:left;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table th{color:var(--text-muted);font-size:10px;text-transform:uppercase;font-weight:600;letter-spacing:.8px;border-bottom:1px solid var(--border-bright);position:sticky;top:0;background:var(--bg-surface)}.data-table td{color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;border-bottom:1px solid var(--border)}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:var(--bg-surface-hover)}.data-table .symbol{color:var(--text-primary);font-weight:600}.data-table .positive{color:var(--positive)}.data-table .negative{color:var(--negative)}.data-table .neutral{color:var(--neutral)}.status{display:inline-flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px #009b8866}.status-dot.yellow{background:var(--warning);box-shadow:0 0 6px #f59e0b66}.status-dot.red{background:var(--negative);box-shadow:0 0 6px #ef444466}.bottom-strip{display:grid;grid-template-columns:2fr 1fr;gap:20px}.activity-container{max-height:300px;overflow-y:auto;padding:12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.activity-item{display:flex;gap:10px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.activity-time{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);width:40px;flex-shrink:0}.activity-type{color:var(--text-tertiary);font-size:11px;width:100px;flex-shrink:0;text-transform:uppercase;font-weight:600;letter-spacing:.3px}.activity-details{color:var(--accent);font-size:11px;font-family:var(--font-mono);flex:1}.activity-item.coming-soon .activity-details{color:var(--text-muted);font-style:italic}.activity-footer{margin-top:10px;padding:8px 12px;border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center}.activity-status{color:var(--text-muted);font-size:11px}.activity-count{color:var(--text-tertiary);font-size:11px}.health-grid{display:grid;gap:12px}.health-row{display:flex;justify-content:space-between;align-items:center}.health-label{color:var(--text-tertiary);text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.8px}.health-value{color:var(--accent);font-family:var(--font-mono)}.health-dots{display:flex;gap:8px}.health-dots .status-dot{width:8px;height:8px}.system-health .health-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.health-metric{text-align:center;padding:12px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.metric-value.up{color:var(--positive)}.metric-value.degraded{color:var(--warning)}.metric-value.down{color:var(--negative)}.exchange-status{margin-bottom:15px}.exchange-status h3{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:10px}.exchange-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.exchange-item{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);transition:border-color .15s ease}.exchange-item:hover{border-color:var(--border-bright)}.exchange-name{color:var(--text-primary);font-weight:600;font-size:12px;margin-bottom:2px}.exchange-last-seen{color:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.status-dot.status-up{color:var(--positive)}.status-dot.status-degraded{color:var(--warning)}.status-dot.status-down{color:var(--negative)}.status-dot.status-unknown{color:var(--text-muted)}.health-footer{margin-top:15px;padding-top:15px;border-top:1px solid var(--border)}.last-scan{color:var(--text-tertiary);font-size:11px;margin-bottom:4px}.health-note{color:var(--text-muted);font-size:10px}.aggregate-strip{display:flex;justify-content:space-around;gap:10px;margin-bottom:16px;padding:16px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.aggregate-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.aggregate-value{font-size:20px;font-weight:700;color:var(--accent);font-family:var(--font-mono);letter-spacing:-.5px}.aggregate-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.scan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.scan-status{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.scan-count{color:var(--accent);font-size:11px;font-weight:600;font-family:var(--font-mono)}.scanner-table .top-opportunity{background:var(--bg-accent)}.scanner-table .exchange{color:var(--text-secondary)}.scanner-table .oi{color:var(--text-tertiary)}.scanner-table .score{color:var(--accent);font-weight:700}.scanner-footer{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.scanner-note{color:var(--text-muted);font-size:10px;line-height:1.6}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-stat{text-align:center;padding:10px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.stat-label{color:var(--text-muted);font-size:10px;text-transform:uppercase;margin-bottom:4px;font-weight:600;letter-spacing:.5px}.stat-value{color:var(--accent);font-size:15px;font-weight:700;font-family:var(--font-mono)}.chart-container{margin:16px 0;display:flex;justify-content:center;height:auto;border:none}.performance-chart{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.performance-line{filter:drop-shadow(0 0 3px rgba(0,155,136,.5))}.performance-dot{filter:drop-shadow(0 0 2px rgba(0,155,136,.5))}.chart-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.recent-performance h3{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:10px}.mini-table{width:100%;border-collapse:separate;border-spacing:0}.mini-table th,.mini-table td{text-align:left;padding:5px 8px;border-bottom:1px solid var(--border);font-size:11px;font-family:var(--font-mono)}.mini-table th{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.5px}.mini-table .date{color:var(--text-tertiary)}.proof-wallet{margin-bottom:14px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);font-size:11px;color:var(--text-tertiary)}.wallet-address{color:var(--accent);text-decoration:none;font-family:var(--font-mono);font-size:11px}.wallet-address:hover{text-decoration:underline}.proofs-table .date{color:var(--text-tertiary)}.proofs-table .capital{color:var(--text-secondary)}.proofs-table .tx-hash{color:var(--accent);text-decoration:none;font-family:var(--font-mono);font-size:11px}.proofs-table .tx-hash:hover{text-decoration:underline}.proofs-footer{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.proof-count{color:var(--text-tertiary);font-size:11px;margin-bottom:4px}.proof-note{color:var(--text-muted);font-size:10px}.table-footer{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);color:var(--text-muted);font-size:11px;text-align:right;font-family:var(--font-mono)}.tx-link{color:var(--accent);text-decoration:none;border-bottom:1px dotted var(--border-bright)}.tx-link:hover{border-bottom-color:var(--accent)}.loading-message{color:var(--text-muted);padding:24px;text-align:center;font-family:var(--font-mono);font-size:12px}.error-message{color:var(--negative);padding:20px;text-align:center;border:1px solid rgba(239,68,68,.2);background:#ef44440a;border-radius:var(--radius);font-size:12px}.empty-state{padding:32px 20px;text-align:center}.empty-icon{font-size:24px;margin-bottom:10px;opacity:.4}.empty-text{font-size:14px;color:var(--text-tertiary);margin-bottom:6px;font-weight:500}.empty-subtext{font-size:11px;color:var(--text-muted)}.metric-value.loading{color:var(--text-muted);animation:pulse 1.5s ease-in-out infinite alternate;font-size:16px}.metric-value.error{color:var(--negative)}@keyframes pulse{0%{opacity:.4}to{opacity:1}}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.debug-bar{position:fixed;bottom:0;left:0;right:0;background:#080c14;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);z-index:9999}.debug-bar-collapsed{display:flex;align-items:center;gap:14px;padding:5px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.debug-bar-expanded{max-height:300px;overflow-y:auto;padding:10px 14px;border-top:1px solid var(--border)}.debug-section{margin-bottom:10px}.debug-section-title{color:var(--accent);font-weight:700;margin-bottom:4px;font-size:10px;letter-spacing:.8px}.debug-label{color:var(--text-secondary)}.debug-pre{color:var(--text-muted);font-size:10px;max-height:150px;overflow:auto;white-space:pre-wrap;background:var(--bg-primary);padding:6px 8px;border-radius:var(--radius);border:1px solid var(--border);margin-top:4px}.debug-pre-short{max-height:100px}.debug-summary{cursor:pointer;color:var(--text-tertiary);font-size:11px}.debug-toggle{margin-left:auto;color:var(--text-muted)}.debug-error{color:var(--negative)}.debug-spread-pos{color:var(--positive)}.debug-spread-neg{color:var(--negative)}.debug-ws-connected{color:var(--positive);font-weight:700}.debug-ws-connecting{color:var(--warning);font-weight:700}.debug-ws-disconnected{color:var(--negative);font-weight:700}.debug-btn{background:var(--bg-elevated);border:1px solid var(--border-bright);padding:4px 14px;cursor:pointer;font-family:var(--font-mono);font-size:11px;margin-right:8px;border-radius:var(--radius);transition:border-color .15s ease}.debug-btn:hover{border-color:var(--accent)}.debug-btn-refresh{color:var(--accent)}.debug-btn-test{color:var(--warning)}.bal-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.bal-current{display:flex;align-items:baseline;gap:8px}.bal-amount{font-size:26px;font-weight:700;color:var(--accent);font-family:var(--font-mono);letter-spacing:-.5px}.bal-currency{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bal-change{font-family:var(--font-mono);font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.bal-change.positive{color:var(--positive)}.bal-change.negative{color:var(--negative)}.bal-change-pct{font-size:10px;opacity:.7}.bal-chart-wrap{margin:0 -8px;padding:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.bal-chart{width:100%;height:auto;display:block}.bal-txs{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.bal-txs-title{color:var(--text-muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.bal-tx{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border);font-size:11px;font-family:var(--font-mono)}.bal-tx:last-child{border-bottom:none}.bal-tx-left{display:flex;align-items:center;gap:8px}.bal-tx-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;letter-spacing:.3px;background:var(--bg-accent);color:var(--text-tertiary)}.bal-tx-badge.deposit{color:var(--positive);background:#009b881a}.bal-tx-badge.withdrawal{color:var(--negative);background:#ef44441a}.bal-tx-time{color:var(--text-muted);font-size:10px}.bal-tx-right{display:flex;align-items:center;gap:10px}.bal-tx-bal{color:var(--text-secondary);font-weight:600}.bal-tx-link{color:var(--accent);text-decoration:none;font-size:10px;opacity:.7;transition:opacity .15s ease}.bal-tx-link:hover{opacity:1;text-decoration:underline}.bal-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.bal-footer-note{color:var(--text-muted);font-size:9px;letter-spacing:.3px}.scanner-cards-mobile{display:none}.opp-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:8px}.opp-card:last-child{margin-bottom:0}.opp-card-top{border-color:var(--border-accent);background:var(--bg-accent)}.opp-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.opp-card-symbol{color:var(--text-primary);font-weight:700;font-size:13px;font-family:var(--font-mono)}.opp-card-score{color:var(--accent);font-weight:700;font-size:12px;font-family:var(--font-mono)}.opp-card-route{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:11px}.opp-card-exchange{color:var(--text-secondary);font-family:var(--font-mono)}.opp-card-arrow{color:var(--text-muted)}.opp-card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.opp-card-stat{display:flex;flex-direction:column;gap:2px}.opp-card-stat-label{color:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.opp-card-stat-value{color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;font-weight:600}.opp-card-stat-value.positive{color:var(--positive)}.opp-card-stat-value.negative{color:var(--negative)}html,body{overflow-x:hidden;max-width:100vw}.section{overflow:hidden;min-width:0}.bottom-strip{grid-template-columns:1fr}@media(max-width:1024px){.app{padding:16px}.main-content,.bottom-strip{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:768px){.app{padding:10px}.hero-strip{padding:14px}.hero-title{font-size:12px;letter-spacing:1.5px}.hero-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:10px 12px}.metric-value{font-size:16px}.section{padding:14px}.scanner-table-desktop{display:none}.scanner-cards-mobile{display:block}.aggregate-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 10px}.aggregate-stat{text-align:center}.aggregate-value{font-size:16px}.aggregate-label{font-size:9px}.health-overview{grid-template-columns:repeat(2,1fr)!important}.exchange-grid{grid-template-columns:repeat(2,1fr)}.debug-bar-collapsed{font-size:9px;gap:6px;padding:4px 8px;flex-wrap:wrap}.bal-header{flex-direction:column;gap:4px}.bal-amount{font-size:22px}.bal-tx{flex-direction:column;align-items:flex-start;gap:4px}.bal-tx-right{width:100%;justify-content:space-between}.bal-footer{flex-direction:column;gap:8px;align-items:flex-start}.scan-header{flex-direction:column;gap:4px;align-items:flex-start;padding:8px 10px}.proof-wallet,.wallet-address{word-break:break-all;font-size:10px}}@media(max-width:480px){.app{padding:8px}.hero-strip{padding:12px}.hero-title{font-size:11px;margin-bottom:12px}.hero-metrics{grid-template-columns:1fr 1fr;gap:6px}.metric{padding:8px 10px}.metric-label{font-size:9px}.metric-value{font-size:14px}.section{padding:10px;border-radius:var(--radius)}.section-title{font-size:10px;margin-bottom:10px;padding-bottom:8px}.verify-link{font-size:11px;padding:6px 14px}.connection-bar{padding:2px 8px 6px;font-size:10px}.aggregate-value{font-size:14px}.health-overview{grid-template-columns:repeat(2,1fr)!important;gap:6px}.health-metric{padding:8px 6px}.health-metric .metric-label{font-size:9px}.health-metric .metric-value{font-size:12px}.exchange-grid{grid-template-columns:1fr 1fr;gap:6px}.exchange-item{padding:6px 8px}.exchange-name{font-size:11px}.empty-state{padding:20px 10px}.empty-text{font-size:12px}.opp-card{padding:10px}.opp-card-symbol{font-size:12px}.opp-card-stat-value{font-size:11px}.scanner-note{font-size:9px}}