:root{--bg-darkest: #050811;--bg-primary: #0a0f1d;--bg-card: rgba(15, 23, 42, .82);--bg-card-hover: rgba(30, 41, 59, .85);--bg-glass: rgba(15, 23, 42, .65);--border-subtle: rgba(255, 255, 255, .08);--border-active: rgba(0, 255, 170, .4);--border-purple: rgba(168, 85, 247, .4);--border-amber: rgba(245, 158, 11, .4);--neon-green: #00ffaa;--neon-green-glow: rgba(0, 255, 170, .25);--neon-purple: #a855f7;--neon-purple-glow: rgba(168, 85, 247, .25);--neon-amber: #f59e0b;--neon-amber-glow: rgba(245, 158, 11, .25);--neon-cyan: #06b6d4;--neon-blue: #3b82f6;--neon-rose: #f43f5e;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darkest);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.5;background-image:radial-gradient(circle at 15% 15%,rgba(168,85,247,.08) 0%,transparent 40%),radial-gradient(circle at 85% 25%,rgba(0,255,170,.06) 0%,transparent 45%),radial-gradient(circle at 50% 80%,rgba(6,182,212,.06) 0%,transparent 50%);background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darkest)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#334155}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:12px}.glass-panel-interactive{background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:12px;transition:all .2s ease-in-out}.glass-panel-interactive:hover{border-color:var(--border-active);box-shadow:0 0 20px #00ffaa1a;transform:translateY(-1px)}.glow-green{box-shadow:0 0 15px var(--neon-green-glow)}.glow-purple{box-shadow:0 0 15px var(--neon-purple-glow)}.glow-amber{box-shadow:0 0 15px var(--neon-amber-glow)}@keyframes livePulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.4}to{transform:scale(1);opacity:1}}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--neon-green);display:inline-block;animation:livePulse 2s infinite ease-in-out}.pulse-dot-amber{width:8px;height:8px;border-radius:50%;background:var(--neon-amber);display:inline-block;animation:livePulse 2s infinite ease-in-out}.app-container{max-width:1720px;margin:0 auto;padding:16px 24px 60px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-converter{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.35)}.badge-settlement{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.badge-polymarket{background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.35)}.badge-limitless{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.35)}.badge-kalshi{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.35)}.badge-hyperliquid{background:#ec489926;color:#f472b6;border:1px solid rgba(236,72,153,.35)}.badge-status{padding:2px 6px;border-radius:4px;font-size:.7rem}.status-completed{background:#00ffaa26;color:var(--neon-green);border:1px solid rgba(0,255,170,.3)}.status-converting{background:#a855f733;color:#c084fc;border:1px solid rgba(168,85,247,.4);animation:livePulse 1.5s infinite}.status-routing{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.4)}.status-failed{background:#f43f5e33;color:#fda4af;border:1px solid rgba(244,63,94,.4)}.btn-primary{background:linear-gradient(135deg,#0fa,#00b87a);color:#050811;font-weight:700;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;font-size:.85rem}.btn-primary:hover{box-shadow:0 0 15px #0fa6;transform:translateY(-1px)}.btn-secondary{background:#1e293bcc;color:var(--text-primary);font-weight:600;padding:8px 14px;border-radius:8px;border:1px solid var(--border-subtle);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;font-size:.85rem}.btn-secondary:hover{background:#334155e6;border-color:#fff3}.btn-icon{background:#1e293b99;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{color:var(--text-primary);background:#334155cc}.nav-tabs{display:flex;gap:6px;background:#0a0f1db3;padding:4px;border-radius:10px;border:1px solid var(--border-subtle);overflow-x:auto}.nav-tab{background:transparent;border:none;color:var(--text-secondary);padding:8px 14px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;white-space:nowrap}.nav-tab:hover{color:var(--text-primary);background:#ffffff0a}.nav-tab.active{background:#1e293be6;color:var(--neon-green);box-shadow:0 2px 8px #0006;border:1px solid rgba(0,255,170,.2)}.market-table{width:100%;border-collapse:separate;border-spacing:0}.market-table th{background:#0a0f1de6;color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:12px 14px;text-align:left;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:10}.market-table td{padding:14px;border-bottom:1px solid rgba(255,255,255,.04);font-size:.85rem}.market-table tr:hover td{background:#1e293b66}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#050811d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-content{background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:16px;width:100%;max-width:960px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #000000bf}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}}@media(max-width:768px){.grid-2,.grid-4{grid-template-columns:1fr}.app-container{padding:12px}}