:root{--bg-primary: #1a1a2e;--bg-card: #414042;--border: #6D6E71;--radius: 12px;--accent: #009B88;--accent-deep: #006663;--accent-light: #72B7B1;--text-primary: #ffffff;--text-secondary: #C1C1C1;--text-muted: #6D6E71;--positive: #009B88;--negative: #ff4444;--font-sans: -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;line-height:1.5;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.val-positive{color:var(--positive)}.val-negative{color:var(--negative)}.val-dim{color:var(--text-muted)}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:#1a1a2ef2;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.top-bar-left{display:flex;align-items:center;gap:.5rem}.logo-mark{height:1.75rem;width:auto}.logo-text{font-size:.9375rem;font-weight:700;letter-spacing:3px;color:var(--text-primary)}.logo-divider{width:1px;height:1rem;background:var(--border)}.logo-sub{font-size:.625rem;font-weight:600;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase}.top-bar-right{display:flex;align-items:center;gap:.75rem}.status-chip{font-size:.5625rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:.125rem .5rem;border-radius:1rem;font-family:var(--font-mono)}.chip-live{color:var(--positive);background:#009b8826;border:1px solid rgba(0,155,136,.3)}.chip-connecting{color:#f59e0b;background:#f59e0b26;border:1px solid rgba(245,158,11,.3)}.chip-offline{color:var(--negative);background:#ff444426;border:1px solid rgba(255,68,68,.3)}.apr-indicator{display:flex;align-items:center;gap:.25rem}.apr-value{font-size:.875rem;font-weight:700;color:var(--positive)}.apr-label{font-size:.5625rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.hero-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.hero-card{background:var(--bg-primary);padding:1rem;text-align:center}.hero-label{display:block;color:var(--text-muted);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.375rem}.hero-value{font-size:1.375rem;font-weight:700;letter-spacing:-.5px}.hero-sublabel{display:block;color:var(--text-muted);font-size:.5rem;margin-top:.25rem;letter-spacing:.5px}.loading-pulse{color:var(--text-muted);animation:pulse 1.5s ease-in-out infinite alternate}.dashboard-grid{display:flex;flex-direction:column;flex:1}.col-left,.col-right{display:flex;flex-direction:column}.dash-section{padding:1rem;border-bottom:1px solid rgba(109,110,113,.3)}.section-title{color:var(--text-muted);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;font-variant:small-caps;padding-bottom:.5rem;border-bottom:1px solid rgba(109,110,113,.3);margin-bottom:.75rem}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.section-title-row .section-title{padding-bottom:0;border-bottom:none;margin-bottom:0}.section-badge{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;color:var(--text-secondary);padding:.125rem .5rem;background:#6d6e7126;border-radius:4px}.card-grid{display:flex;flex-direction:column;gap:.5rem}.pos-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid rgba(109,110,113,.3);padding:.75rem;transition:border-color .2s var(--ease-out)}.pos-card:hover{border-color:#009b884d}.pos-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.pos-symbol{color:var(--text-primary);font-weight:700;font-size:.8125rem;font-family:var(--font-mono)}.pos-time{color:var(--text-muted);font-size:.6875rem;font-family:var(--font-mono)}.pos-route{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem}.exchange-tag{font-size:.5625rem;font-weight:600;letter-spacing:.5px;color:var(--text-muted);text-transform:uppercase;font-family:var(--font-mono)}.route-arrow{color:var(--text-muted);font-size:.6875rem}.pos-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}.pos-stat{display:flex;flex-direction:column;gap:.0625rem}.pos-stat-label{color:var(--text-muted);font-size:.5rem;text-transform:uppercase;letter-spacing:.3px;font-weight:600}.pos-stat-value{font-size:.75rem;font-weight:600}.opp-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid rgba(109,110,113,.3);padding:.75rem;transition:border-color .2s var(--ease-out)}.opp-card:hover{border-color:#009b884d}.opp-top{border-left:3px solid var(--accent)}.opp-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.opp-spread{font-size:.8125rem;font-weight:700}.opp-rates{display:flex;gap:.75rem;font-size:.625rem}.payment-list{display:flex;flex-direction:column}.payment-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(109,110,113,.15);gap:.5rem;flex-wrap:wrap}.payment-left,.payment-center,.payment-right{display:flex;align-items:center;gap:.375rem}.payment-right{margin-left:auto}.payment-time{font-size:.625rem}.payment-symbol{font-weight:600;font-size:.75rem;color:var(--text-primary);font-family:var(--font-mono)}.payment-amount{font-weight:700;font-size:.75rem}.transfer-list{display:flex;flex-direction:column}.transfer-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(109,110,113,.15);gap:.5rem;flex-wrap:wrap}.transfer-left,.transfer-center,.transfer-right{display:flex;align-items:center;gap:.375rem}.transfer-right{margin-left:auto}.transfer-time{font-size:.625rem}.transfer-type{font-weight:600;font-size:.6875rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px}.transfer-amount{font-weight:700;font-size:.75rem;color:var(--text-primary)}.transfer-status{font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:.0625rem .25rem;border-radius:3px}.status-completed,.status-confirmed{color:var(--positive);background:#009b8826}.status-pending{color:#f59e0b;background:#f59e0b26}.status-failed{color:var(--negative);background:#ff444426}.chart-wrap{margin:.5rem 0}.perf-canvas{width:100%;height:12rem;border:1px solid rgba(109,110,113,.3);border-radius:var(--radius);background:#41404233;cursor:crosshair}.chart-tooltip{display:flex;gap:.75rem;padding:.375rem .5rem;background:var(--bg-card);border-radius:6px;font-size:.6875rem;margin-bottom:.5rem}.chart-legend{display:flex;align-items:center;gap:1rem;font-size:.625rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:.25rem}.legend-bar-green{width:.75rem;height:.5rem;background:#009b8866;border-radius:2px}.legend-line-green{width:.75rem;height:2px;background:var(--accent);border-radius:1px}.legend-line-gold{width:.75rem;height:2px;background:#f5a623;border-radius:1px}.bal-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.bal-title-right{display:flex;align-items:center;gap:.375rem}.bal-amount{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--text-primary)}.bal-change-inline{font-family:var(--font-mono);font-size:.6875rem;font-weight:600}.bal-change-inline.positive{color:var(--positive)}.bal-change-inline.negative{color:var(--negative)}.bal-tokens{display:flex;gap:.375rem;margin-bottom:.5rem;flex-wrap:wrap}.bal-token-chip{font-family:var(--font-mono);font-size:.5625rem;color:var(--text-secondary);background:#6d6e7126;padding:.125rem .375rem;border-radius:4px}.bal-chart-wrap{margin:.5rem 0}.bal-chart{width:100%;height:auto}.recent-txs-sidebar{padding:1rem;border-bottom:1px solid rgba(109,110,113,.3)}.recent-txs-sidebar .sidebar-title{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;padding-bottom:.5rem;border-bottom:1px solid rgba(109,110,113,.3);margin-bottom:.5rem}.proof-wallet-link{text-decoration:none;font-size:.75rem;opacity:.6;transition:opacity .2s}.proof-wallet-link:hover{opacity:1}.recent-txs-list{display:flex;flex-direction:column}.recent-tx-item{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid rgba(109,110,113,.15);text-decoration:none;transition:background .15s var(--ease-out)}.recent-tx-item:hover{background:#009b880f}.recent-tx-left,.recent-tx-right{display:flex;align-items:center;gap:.375rem}.recent-tx-right{flex-direction:column;align-items:flex-end;gap:.0625rem}.recent-tx-badge{font-size:.5rem;font-weight:700;padding:.0625rem .1875rem;border-radius:3px;font-family:var(--font-mono)}.recent-tx-badge.deposit{color:var(--positive);background:#009b8826}.recent-tx-badge.withdrawal{color:var(--negative);background:#ff444426}.recent-tx-badge.unknown{color:var(--text-muted);background:#6d6e7126}.recent-tx-time{font-size:.5625rem;color:var(--text-muted);font-family:var(--font-mono)}.recent-tx-bal{font-size:.625rem;color:var(--text-secondary);font-family:var(--font-mono);font-weight:600}.recent-tx-sig{font-size:.5rem;color:var(--text-muted);font-family:var(--font-mono)}.proof-empty{padding:.75rem 0;display:flex;flex-direction:column;gap:.125rem}.proof-empty-text{color:var(--text-muted);font-size:.6875rem}.status-footer{background:var(--bg-card);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.625rem;color:var(--text-muted);flex-shrink:0}.footer-bar{display:flex;align-items:center;gap:.625rem;padding:.375rem 1rem;flex-wrap:wrap}.footer-segment{display:flex;align-items:center;gap:.25rem}.footer-label{color:var(--text-muted);font-size:.625rem}.footer-value{color:var(--text-secondary);font-weight:600;font-size:.625rem}.footer-sep{color:var(--border);font-size:.625rem}.footer-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot-green{background:var(--positive);box-shadow:0 0 4px #009b8880}.dot-yellow{background:#f59e0b;box-shadow:0 0 4px #f59e0b66}.dot-red{background:var(--negative);box-shadow:0 0 4px #f446}.footer-spacer{flex:1}.loading-message{color:var(--text-muted);padding:1.5rem;text-align:center;font-family:var(--font-mono);font-size:.6875rem}.error-message{color:var(--negative);padding:1rem;text-align:center;border:1px solid rgba(255,68,68,.15);background:#ff44440a;border-radius:var(--radius);font-size:.6875rem}.empty-state{padding:1.5rem 1rem;text-align:center}.empty-text{font-size:.8125rem;color:var(--text-muted);margin-bottom:.25rem;font-weight:500}.empty-subtext{font-size:.625rem;color:var(--text-muted);opacity:.6}.tx-link{color:var(--accent);text-decoration:none;font-size:.5625rem;font-family:var(--font-mono)}.tx-link:hover{text-decoration:underline}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes pulse{0%{opacity:.4}to{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card-animate{animation:card-in .4s var(--ease-out) both}@keyframes slide-down-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slide-down-in .3s var(--ease-out) both}@media(min-width:1024px){.hero-grid{grid-template-columns:repeat(4,1fr)}.hero-value{font-size:1.625rem}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.col-left{border-right:1px solid rgba(109,110,113,.3)}.perf-canvas{height:14rem}.pos-stats{grid-template-columns:repeat(3,1fr)}.payment-row,.transfer-row{flex-wrap:nowrap}}@media(max-width:480px){.top-bar{padding:.375rem .625rem}.logo-mark{height:1.375rem}.logo-text{font-size:.75rem;letter-spacing:2px}.logo-sub,.logo-divider{display:none}.hero-value{font-size:1.125rem}.hero-card{padding:.75rem .5rem}.dash-section{padding:.75rem}.pos-stats{grid-template-columns:1fr 1fr;gap:.375rem}.footer-bar{font-size:.5rem;gap:.375rem;padding:.25rem .5rem}.bal-title-row{flex-direction:column;align-items:flex-start;gap:.25rem}}