.thorchain-dashboard{max-width:1200px;margin:0 auto;padding:20px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;color:white}.thorchain-dashboard h1{text-align:center;font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.subtitle{text-align:center;font-size:1.1em;margin-bottom:30px;opacity:0.9;font-weight:300}.error-message{background:rgba(255,0,0,0.1);border:1px solid #ff4444;border-radius:8px;padding:15px;margin-bottom:20px;text-align:center;color:#ff6b6b}.dashboard-section{background:rgba(255,255,255,0.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:25px;margin-bottom:30px;box-shadow:0 8px 32px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.2)}.dashboard-section h2{margin-top:0;margin-bottom:20px;font-size:1.8em;color:#ffffff;text-shadow:1px 1px 2px rgba(0,0,0,0.3)}.swap-form,.lending-form{margin-bottom:25px}.form-row{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;min-width:140px}.form-group label{margin-bottom:5px;font-weight:500;color:#ffffff;font-size:0.9em}.form-group select,.form-group input{padding:10px;border:1px solid rgba(255,255,255,0.3);border-radius:8px;background:rgba(255,255,255,0.1);color:white;font-size:14px;transition:all 0.3s ease}.form-group select:focus,.form-group input:focus{outline:none;border-color:#64ffda;box-shadow:0 0 0 2px rgba(100,255,218,0.2)}.form-group select option{background:#2d3748;color:white}.form-group input::placeholder{color:rgba(255,255,255,0.5)}.quote-button,.search-button{padding:12px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;color:white;font-weight:500;cursor:pointer;transition:all 0.3s ease;font-size:14px;white-space:nowrap}.quote-button:hover,.search-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.quote-button:disabled{opacity:0.6;cursor:not-allowed;transform:none}.quote-result{background:rgba(0,0,0,0.2);border-radius:12px;padding:20px;margin-top:20px;border:1px solid rgba(255,255,255,0.1)}.quote-result h3{margin-top:0;margin-bottom:15px;color:#64ffda}.quote-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:15px}.quote-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.1)}.quote-item span:first-child{font-weight:500;color:#cbd5e0}.quote-item span:last-child{color:#64ffda;font-weight:600}.swap-memo{background:rgba(0,0,0,0.3);border-radius:8px;padding:15px;margin-top:15px}.swap-memo code{background:rgba(255,255,255,0.1);padding:2px 6px;border-radius:4px;font-family:"Courier New",monospace;font-size:12px;color:#ffd700;word-break:break-all}.pools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.pool-card{background:rgba(255,255,255,0.1);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,0.2);transition:transform 0.3s ease}.pool-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.2)}.pool-asset{font-size:1.2em;font-weight:600;margin-bottom:15px;color:#64ffda;text-align:center}.pool-stats{display:flex;flex-direction:column;gap:8px}.stat{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:0.9em;color:#cbd5e0}.stat-value{font-weight:600;color:#ffffff}.stat-value.available{color:#48bb78}.stat-value.staged{color:#ed8936}.lending-opportunities{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.opportunity-card{background:rgba(255,255,255,0.1);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,0.2);transition:transform 0.3s ease}.opportunity-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.2)}.opportunity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1)}.opportunity-header h3{margin:0;color:#64ffda;font-size:1.1em}.protocol{background:rgba(100,255,218,0.2);padding:4px 8px;border-radius:6px;font-size:0.8em;color:#64ffda}.opportunity-details{display:flex;flex-direction:column;gap:8px}.detail{display:flex;justify-content:space-between;align-items:center}.detail span:first-child{font-size:0.9em;color:#cbd5e0}.apy{color:#48bb78;font-weight:600}.risk.low{color:#48bb78}.risk.medium{color:#ed8936}.risk.high{color:#f56565}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.feature-card{background:rgba(255,255,255,0.1);border-radius:12px;padding:20px;text-align:center;border:1px solid rgba(255,255,255,0.2);transition:transform 0.3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.2)}.feature-card h3{margin-top:0;margin-bottom:15px;color:#64ffda;font-size:1.2em}.feature-card p{color:#cbd5e0;font-size:0.95em;line-height:1.5;margin:0}.loading{text-align:center;padding:40px;font-size:1.1em;color:#64ffda}@media (max-width: 768px){.thorchain-dashboard{padding:15px}.thorchain-dashboard h1{font-size:2em}.form-row{flex-direction:column;align-items:stretch}.form-group{min-width:auto}.quote-details{grid-template-columns:1fr}.pools-grid{grid-template-columns:1fr}.lending-opportunities{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}}.warning-banner{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #f59e0b;border-radius:12px;padding:16px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 4px 12px rgba(245,158,11,0.3)}.warning-content strong{color:#92400e;font-size:16px;display:block;margin-bottom:8px}.warning-content p{color:#92400e;margin:0;font-size:14px;line-height:1.4}.copy-field{display:flex;align-items:center;gap:8px;margin-top:8px}.copy-field code{background:#374151;color:#f3f4f6;padding:8px 12px;border-radius:6px;font-family:"Courier New",monospace;font-size:12px;flex:1;word-break:break-all;border:1px solid #4b5563}.copy-button{background:#3b82f6;color:white;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.copy-button:hover{background:#2563eb;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.quote-expiry{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:12px;margin:16px 0;display:flex;justify-content:space-between;align-items:center}.expiry-label{color:#9ca3af;font-size:14px}.expiry-timer{color:#fbbf24;font-weight:600;font-size:14px}.confirmation-checkbox{display:flex;align-items:flex-start;gap:8px;cursor:pointer;margin:16px 0;padding:12px;background:#1f2937;border-radius:8px;border:1px solid #374151}.confirmation-checkbox input[type=checkbox]{margin:0;transform:scale(1.2)}.confirmation-checkbox span{color:#d1d5db;font-size:14px;line-height:1.4}.instruction-note{background:#1e3a8a;border:1px solid #3b82f6;border-radius:8px;padding:16px;margin-top:16px;color:#dbeafe;font-size:14px;line-height:1.5}.instruction-note strong{color:#93c5fd}.transaction-tracking{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:20px;margin-top:24px}.transaction-tracking h4{color:#f3f4f6;margin-bottom:16px;font-size:18px;font-weight:600}.tracking-info{display:flex;flex-direction:column;gap:16px}.tracking-note{color:#9ca3af;font-size:14px;margin:0;line-height:1.5}.tracking-links{display:flex;gap:12px;flex-wrap:wrap}.tracking-link{background:#3b82f6;color:white;text-decoration:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;transition:all 0.2s ease;display:flex;align-items:center;gap:8px}.tracking-link:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,0.3)}.swap-status{background:#374151;border:1px solid #4b5563;border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center}.status-label{color:#9ca3af;font-size:14px;font-weight:500}.status-value{font-weight:600;font-size:14px}.status-value.pending{color:#fbbf24}.status-value.completed{color:#10b981}.status-value.failed{color:#ef4444}.wallet-warning{background:#fbbf24;color:#92400e;padding:12px 16px;border-radius:8px;margin:16px 0;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.wallet-connected{background:#10b981;color:white;padding:12px 16px;border-radius:8px;margin:16px 0;font-size:14px;font-weight:500}.wallet-status{display:flex;align-items:center;gap:8px}.wallet-connection-section{margin:24px 0;padding:20px;background:#1f2937;border-radius:12px;border:1px solid #374151}.wallet-connection-prompt{display:flex;align-items:flex-start;gap:16px;background:#fbbf24;color:#92400e;padding:20px;border-radius:12px;border:2px solid #f59e0b}.wallet-prompt-content h3{margin:0 0 8px 0;font-size:18px;font-weight:600;color:#92400e}.wallet-prompt-content p{margin:0 0 16px 0;font-size:14px;color:#92400e;line-height:1.4}.connect-wallet-primary{background:#3b82f6;color:white;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:8px}.connect-wallet-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,0.3)}.wallet-connected-status{background:#10b981;color:white;padding:16px 20px;border-radius:12px;border:2px solid #059669}.wallet-status-indicator{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500}.status-dot{width:12px;height:12px;border-radius:50%;background:#10b981;border:2px solid white}.status-dot.connected{background:#10b981;box-shadow:0 0 0 2px #10b981}@media (max-width: 480px){.dashboard-section{padding:20px}.pool-card,.opportunity-card,.feature-card{padding:15px}.copy-field{flex-direction:column;align-items:stretch}.copy-button{width:100%;margin-top:8px}}.dcf-trading-flow{max-width:1200px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:16px;color:white}.dcf-header{text-align:center;margin-bottom:30px}.dcf-header h2{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(45deg,#00d4ff,#5b21b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dcf-header p{color:#94a3b8;font-size:1.1rem}.flow-selection{margin-bottom:30px}.flow-selection h3{margin-bottom:20px;color:#e2e8f0}.flow-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.flow-card{background:rgba(255,255,255,0.05);border:2px solid transparent;border-radius:12px;padding:20px;cursor:pointer;transition:all 0.3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flow-card:hover{border-color:#00d4ff;transform:translateY(-2px)}.flow-card.selected{border-color:#5b21b6;background:rgba(91,33,182,0.1)}.flow-icon{font-size:2rem;margin-bottom:10px}.flow-card h4{margin-bottom:10px;color:#e2e8f0}.flow-card p{color:#94a3b8;margin-bottom:15px}.flow-details{display:flex;justify-content:space-between;font-size:0.9rem;color:#64748b}.trading-parameters{background:rgba(255,255,255,0.03);border-radius:12px;padding:25px;margin-bottom:30px}.trading-parameters h3{margin-bottom:20px;color:#e2e8f0}.parameter-group{margin-bottom:20px}.parameter-group label{display:block;margin-bottom:8px;color:#e2e8f0;font-weight:500}.parameter-group input[type=number]{width:100%;padding:12px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:8px;color:white;font-size:1rem}.parameter-group input[type=number]:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px rgba(0,212,255,0.1)}.leverage-controls{display:flex;align-items:center;gap:15px}.leverage-slider{flex:1;height:6px;background:rgba(255,255,255,0.2);border-radius:3px;outline:none;-webkit-appearance:none}.leverage-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#00d4ff;border-radius:50%;cursor:pointer}.leverage-value{font-size:1.2rem;font-weight:bold;color:#00d4ff;min-width:40px}.input-hint{font-size:0.85rem;color:#64748b;margin-top:5px}.dcf-quote{background:rgba(0,212,255,0.05);border:1px solid rgba(0,212,255,0.2);border-radius:12px;padding:25px;margin-bottom:20px}.dcf-quote h3{margin-bottom:20px;color:#e2e8f0}.quote-steps{display:grid;gap:20px;margin-bottom:25px}.step{background:rgba(255,255,255,0.03);border-radius:8px;padding:20px;border-left:4px solid #00d4ff}.step-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.step-number{background:#00d4ff;color:#1a1a2e;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:0.9rem}.step h4{margin:0;color:#e2e8f0}.step-flow{display:flex;align-items:center;gap:10px;margin-bottom:10px}.asset{background:rgba(0,212,255,0.1);padding:6px 12px;border-radius:6px;font-weight:500;color:#00d4ff}.arrow{color:#64748b;width:20px;height:20px}.step-amounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;font-size:0.9rem;color:#94a3b8}.risk-warning{display:flex;align-items:flex-start;gap:10px;background:rgba(251,191,36,0.1);border:1px solid rgba(251,191,36,0.3);border-radius:8px;padding:15px;margin-bottom:20px}.risk-warning strong{color:#fbbf47}.execute-dcf-btn{width:100%;background:linear-gradient(45deg,#00d4ff,#5b21b6);color:white;border:none;padding:15px 30px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.execute-dcf-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,255,0.3)}.execute-dcf-btn:disabled{opacity:0.6;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:10px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);border-radius:8px;padding:15px;color:#fca5a5;margin-bottom:20px}.loading-state{display:flex;align-items:center;justify-content:center;gap:15px;padding:30px;color:#94a3b8}.spinner{width:20px;height:20px;border:2px solid rgba(0,212,255,0.3);border-top:2px solid #00d4ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.user-flow{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px;padding:20px;background:rgba(0,212,255,0.05);border-radius:12px;border:1px solid rgba(0,212,255,0.2)}.flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:150px}.step-icon{font-size:2.5rem;margin-bottom:10px}.step-content h4{margin-bottom:8px;color:#e2e8f0;font-size:1.1rem}.step-value{font-size:1.2rem;font-weight:600;color:#00d4ff;margin-bottom:4px}.step-value-usd{font-size:0.9rem;color:#94a3b8}.flow-arrow{font-size:2rem;color:#00d4ff;font-weight:bold}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.info-card{background:rgba(255,255,255,0.03);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.info-card:hover{transform:translateY(-2px);border-color:rgba(0,212,255,0.3)}.thorchain-card{border-left:4px solid #00d4ff}.hyperliquid-card{border-left:4px solid #5b21b6}.fees-card{border-left:4px solid #10b981}.risk-card{border-left:4px solid #f87171}.funding-card{border-left:4px solid #8b5cf6}.avax-dex-card{border-left:4px solid #f59e0b}.revenue-card{border-left:4px solid #10b981}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.1)}.card-header h4{margin:0;color:#e2e8f0;font-size:1.1rem}.card-subtitle{font-size:0.85rem;color:#94a3b8;background:rgba(255,255,255,0.1);padding:4px 8px;border-radius:4px}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:0.95rem}.info-row span:first-child{color:#94a3b8}.info-row .value{color:#e2e8f0;font-weight:500}.total-row{border-top:1px solid rgba(255,255,255,0.1);padding-top:8px;margin-top:8px}.final-total{font-weight:600;font-size:1.1rem;color:#00d4ff!important}.liquidation-price{color:#f87171!important;font-weight:600}.high-fee{color:#f87171}.normal-fee{color:#10b981}.safe-leverage-info{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.3);border-radius:6px;font-size:0.9rem}.safe-leverage-label{color:#94a3b8}.safe-leverage-value{color:#10b981;font-weight:600}.safe-leverage-reason{color:#64748b;font-size:0.85rem}.high-risk{color:#f87171!important;font-weight:600}.medium-risk{color:#fbbf47!important;font-weight:600}.low-risk{color:#10b981!important;font-weight:600}.positive-funding{color:#10b981!important;font-weight:600}.negative-funding{color:#f87171!important;font-weight:600}.risk-warnings{margin-bottom:20px}.risk-warnings h4{margin-bottom:15px;color:#e2e8f0;font-size:1.1rem}.risk-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:8px;margin-bottom:10px;font-size:0.9rem}.risk-warning.danger{background:rgba(248,113,113,0.1);border:1px solid rgba(248,113,113,0.3);color:#fca5a5}.risk-warning.warning{background:rgba(251,191,36,0.1);border:1px solid rgba(251,191,36,0.3);color:#fbbf47}.risk-warning.info{background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.3);color:#3b82f6}.risk-warning.success{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.3);color:#10b981}.warning-icon{font-size:1.2rem;flex-shrink:0}.warning-message{line-height:1.4}.revenue-amount{color:#10b981!important;font-weight:600;font-size:1.1rem}.revenue-section{margin-bottom:20px;padding:15px;background:rgba(16,185,129,0.05);border-radius:8px;border:1px solid rgba(16,185,129,0.2)}.revenue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(16,185,129,0.2)}.revenue-source{font-weight:600;color:#e2e8f0;font-size:1rem}.revenue-rate{color:#10b981;font-weight:600;background:rgba(16,185,129,0.1);padding:4px 8px;border-radius:4px;font-size:0.9rem}.revenue-total{margin-top:15px;padding-top:15px;border-top:2px solid rgba(16,185,129,0.3);background:rgba(16,185,129,0.08);border-radius:8px;padding:15px}.total-revenue{color:#10b981!important;font-weight:700;font-size:1.2rem}.fee-breakdown{background:rgba(0,212,255,0.05);border:1px solid rgba(0,212,255,0.2);border-radius:8px;padding:20px;margin-bottom:20px}.fee-breakdown h4{margin-bottom:15px;color:#e2e8f0;font-size:1.2rem}.fee-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.fee-section{background:rgba(255,255,255,0.03);border-radius:6px;padding:15px}.fee-section h5{margin-bottom:10px;color:#e2e8f0;font-size:1rem}.fee-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:0.9rem;color:#94a3b8}.fee-total{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,0.1);font-weight:600;color:#e2e8f0}.fee-summary{background:rgba(0,212,255,0.1);border-radius:6px;padding:15px;margin-top:15px}.total-fees,.fee-percentage{display:flex;justify-content:space-between;margin-bottom:8px;font-size:1.1rem;font-weight:600}.high-fee{color:#f87171}.normal-fee{color:#10b981}.fee-recommendations{margin-top:15px}.recommendation{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:6px;margin-bottom:8px;font-size:0.9rem}.recommendation.warning{background:rgba(251,191,36,0.1);border:1px solid rgba(251,191,36,0.3);color:#fbbf47}.recommendation.success{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.3);color:#10b981}.recommendation.info{background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.3);color:#3b82f6}.rec-icon{font-size:1.1rem}.amount-warning{background:rgba(251,191,36,0.1);border:1px solid rgba(251,191,36,0.3);border-radius:6px;padding:10px;margin-top:8px;color:#fbbf47;font-size:0.9rem}@media (max-width: 768px){.dcf-trading-flow{padding:15px}.dcf-header h2{font-size:2rem}.flow-cards{grid-template-columns:1fr}.leverage-controls{flex-direction:column;align-items:stretch}.step-amounts{grid-template-columns:1fr}.fee-details{grid-template-columns:1fr}.user-flow{flex-direction:column;gap:15px;padding:15px}.flow-arrow{transform:rotate(90deg);font-size:1.5rem}.flow-step{min-width:auto;width:100%}.info-cards{grid-template-columns:1fr;gap:15px}.info-card{padding:15px}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}}.affiliate-fee-manager{max-width:600px;margin:0 auto;padding:20px;background:#f5f5f5;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.affiliate-fee-manager h2{text-align:center;margin-bottom:20px;color:#333}.fee-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:500;color:#333}.form-group input{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;transition:border-color 0.3s ease}.form-group input:focus{outline:none;border-color:#4CAF50}button[type=submit]{padding:10px 20px;background:#4CAF50;color:white;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:500;transition:background 0.3s ease}button[type=submit]:hover{background:#45a049}button[type=submit]:disabled{background:#ccc;cursor:not-allowed}.status-message{text-align:center;padding:10px;border-radius:5px;margin-top:20px;font-weight:500}.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.network-badge{display:flex;align-items:center}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-mainnet{background:#10b981;color:white}.badge-testnet{background:#f59e0b;color:white}.error-banner{display:flex;align-items:center;gap:8px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:20px}.network-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{display:flex;flex-direction:column;gap:8px;padding:20px;background:white;border:1px solid #e0e0e0;border-radius:8px}.stat-label{font-size:12px;color:#666;text-transform:uppercase}.stat-value{font-size:24px;font-weight:bold;color:#333}.pools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.pool-card{padding:15px;background:white;border:1px solid #e0e0e0;border-radius:8px}.pool-name{font-weight:600;margin-bottom:10px;color:#333}.pool-stats{display:flex;flex-direction:column;gap:8px}.pool-stat{display:flex;justify-content:space-between;font-size:14px}.pool-stat-label{color:#666}.pool-stat-value{font-weight:500}.status-available{color:#10b981}.status-staged{color:#f59e0b}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px;color:#666}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-card{padding:20px;background:white;border:1px solid #e0e0e0;border-radius:8px}.info-card h4{margin:0 0 10px 0;color:#333}.info-card p{margin:0;color:#666;font-size:14px;line-height:1.6}.external-link{display:inline-flex;align-items:center;gap:4px;color:#2196f3;text-decoration:none}.external-link:hover{text-decoration:underline}.thorname-manager{max-width:600px;margin:0 auto;padding:20px;background:#f5f5f5;border-radius:10px;box-shadow:0px 4px 12px rgba(0,0,0,0.1)}.thorname-manager h2{text-align:center;margin-bottom:20px;color:#333}.thorname-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:500}.form-group input{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}button[type=submit]{padding:10px 20px;background:#4CAF50;color:white;border:none;border-radius:5px;cursor:pointer;transition:background 0.3s ease}button[type=submit]:hover{background:#45a049}.status-message{text-align:center;padding:10px;border-radius:5px;margin-top:20px}.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;background-color:#f8fafc;color:#1a202c}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:white;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1)}.header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:0.5rem}.logo-icon{width:32px;height:32px;color:#3b82f6}.logo h1{font-size:1.5rem;font-weight:700;color:#1a202c}.beta-tag{background:#3b82f6;color:white;padding:0.25rem 0.5rem;border-radius:0.25rem;font-size:0.75rem;font-weight:600}.nav{display:flex;gap:2rem}.nav-link{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;text-decoration:none;color:#64748b;border-radius:0.375rem;transition:all 0.2s}.nav-link:hover{color:#3b82f6;background-color:#f1f5f9}.nav-icon{width:20px;height:20px}.header-actions{display:flex;align-items:center;gap:1rem}.docs-link{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:#3b82f6;color:white;text-decoration:none;border-radius:0.375rem;font-size:0.875rem;transition:background 0.2s}.docs-link:hover{background:#2563eb}.main{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1rem;width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h2{font-size:2rem;font-weight:700}.refresh-btn{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:0.375rem;cursor:pointer;transition:all 0.2s}.refresh-btn:hover{background:#f1f5f9}.refresh-btn:disabled{opacity:0.5;cursor:not-allowed}.icon{width:16px;height:16px}.spinning{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.production-tag{background:linear-gradient(45deg,#10b981,#059669);color:white;animation:pulse 2s infinite}.live-badge{display:flex;align-items:center;gap:4px;background:#10b981;color:white;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:bold}.backup-badge{display:flex;align-items:center;gap:4px;background:#f59e0b;color:white;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:bold}.market-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.data-source-badge{font-size:12px}.price-update-indicator{display:flex;align-items:center;gap:4px;margin-top:4px}.pulse-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 1s infinite}.update-text{color:#10b981;font-size:10px;font-weight:bold}.connection-health{margin:2rem 0;padding:1.5rem;background:rgba(55,65,81,0.5);border-radius:12px;border:1px solid rgba(75,85,99,0.3)}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.health-item{padding:1rem;background:rgba(31,41,55,0.8);border-radius:8px;border:1px solid rgba(75,85,99,0.2)}.health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.source-name{font-weight:600;color:white}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background:#10b981;animation:pulse 2s infinite}.status-dot.disconnected{background:#ef4444}.health-details{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#9ca3af}.production-features{margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(147,51,234,0.1));border-radius:12px;border:1px solid rgba(59,130,246,0.2)}.production-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.production-item{padding:1.5rem;background:rgba(31,41,55,0.6);border-radius:8px;border:1px solid rgba(75,85,99,0.3)}.production-icon{margin-bottom:0.75rem}.production-item h4{color:white;font-weight:600;margin-bottom:0.5rem}.production-item p{color:#9ca3af;font-size:14px;line-height:1.5}.footer-status{margin-top:0.5rem;text-align:center}.account-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.balance-card,.positions-card,.pnl-card,.thorchain-card{background:white;padding:1.5rem;border-radius:0.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1)}.balance-card h3,.positions-card h3,.pnl-card h3{font-size:0.875rem;font-weight:600;color:#64748b;margin-bottom:0.5rem}.balance-amount,.positions-count,.pnl-amount{font-size:2rem;font-weight:700;margin-bottom:0.25rem}.balance-amount{color:#059669}.positions-count{color:#3b82f6}.pnl-amount{color:#7c3aed}.market-overview h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.price-card{background:white;padding:1rem;border-radius:0.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);transition:transform 0.2s}.price-card:hover{transform:translateY(-2px)}.asset-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.asset-name{font-weight:600}.change{font-size:0.875rem;font-weight:500}.change.positive{color:#059669}.change.negative{color:#dc2626}.price{font-size:1.5rem;font-weight:700}.trading h2{font-size:2rem;font-weight:700;margin-bottom:2rem}.trading-interface{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.order-form{background:white;padding:1.5rem;border-radius:0.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1)}.order-form h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:0.875rem;font-weight:500;color:#374151;margin-bottom:0.5rem}.form-group select,.form-group input{width:100%;padding:0.5rem 0.75rem;border:1px solid #d1d5db;border-radius:0.375rem;font-size:0.875rem;transition:border-color 0.2s}.form-group select:focus,.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.side-buttons{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;margin-bottom:1rem}.side-btn{padding:0.75rem;border:1px solid #d1d5db;border-radius:0.375rem;background:white;cursor:pointer;font-weight:500;transition:all 0.2s}.side-btn.active.buy{background:#059669;color:white;border-color:#059669}.side-btn.active.sell{background:#dc2626;color:white;border-color:#dc2626}.place-order-btn{width:100%;padding:0.75rem;background:#3b82f6;color:white;border:none;border-radius:0.375rem;font-weight:600;cursor:pointer;transition:background 0.2s}.place-order-btn:hover{background:#2563eb}.order-book{background:white;padding:1.5rem;border-radius:0.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1)}.order-book h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.trading-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.trading-header h2{margin:0;font-size:2rem;font-weight:700}.api-status{display:flex;align-items:center}.status-indicator{transition:all 0.3s ease}.status-indicator:hover{transform:scale(1.05)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}.coming-soon{text-align:center;padding:4rem 2rem;color:#64748b}.coming-soon svg{margin-bottom:1rem;opacity:0.5}.coming-soon p{margin-bottom:0.5rem}.footer{background:white;border-top:1px solid #e2e8f0;padding:1rem;text-align:center;color:#64748b;font-size:0.875rem}.welcome-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:30px;border-radius:12px;margin-bottom:30px;text-align:center}.welcome-section h3{margin:0 0 10px 0;font-size:24px}.welcome-section p{margin:0;font-size:16px;opacity:0.9}.quick-actions{margin-bottom:30px}.quick-actions h3{margin:0 0 20px 0;color:#333;font-size:1.5rem;font-weight:600}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.action-card{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:20px;text-decoration:none;color:#333;transition:transform 0.2s,box-shadow 0.2s;display:flex;flex-direction:column;align-items:center;text-align:center}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);text-decoration:none;color:#333}.action-icon{width:32px;height:32px;color:#007bff;margin-bottom:10px}.action-card h4{margin:0 0 8px 0;font-size:16px}.action-card p{margin:0;color:#666;font-size:14px}.thorchain-features{margin-bottom:30px}.thorchain-features h3{margin:0 0 20px 0;color:#333;font-size:1.5rem;font-weight:600}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.feature-item{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.feature-icon{width:24px;height:24px;color:#28a745;margin-bottom:10px}.feature-item h4{margin:0 0 8px 0;color:#333}.feature-item p{margin:0 0 12px 0;color:#666;font-size:14px;line-height:1.4}.feature-link{color:#007bff;text-decoration:none;font-weight:500;font-size:14px}.feature-link:hover{text-decoration:underline}.advanced-features{margin-bottom:30px}.advanced-features h3{margin:0 0 20px 0;color:#333;font-size:1.5rem;font-weight:600}.advanced-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.advanced-card{background:white;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.advanced-icon{width:24px;height:24px;color:#dc3545;margin-bottom:10px}.advanced-card h4{margin:0 0 8px 0;color:#333}.advanced-card p{margin:0 0 12px 0;color:#666;font-size:14px;line-height:1.4}.advanced-link{color:#dc3545;text-decoration:none;font-weight:500;font-size:14px}.advanced-link:hover{text-decoration:underline}.thorchain-card h3{font-size:0.875rem;font-weight:600;color:#64748b;margin-bottom:0.5rem}.thorchain-count{font-size:2rem;font-weight:700;margin-bottom:0.25rem;color:#28a745}@media (max-width: 768px){.header-content{flex-direction:column;height:auto;padding:1rem;gap:1rem}.nav{flex-wrap:wrap;justify-content:center;gap:1rem}.account-overview{grid-template-columns:1fr}.trading-interface{grid-template-columns:1fr}.main{padding:1rem}.action-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.advanced-grid{grid-template-columns:1fr}}:root{--text-primary: #0a0a0a;--text-secondary: #2d3748;--text-muted: #4a5568;--text-white: #ffffff;--text-light: #f7fafc;--bg-white: #ffffff;--bg-light: #f8fafc;--bg-dark: #1a202c;--success-text: #065f46;--error-text: #991b1b;--warning-text: #92400e;--info-text: #1e3a8a;--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-dark: #64748b}.nav-link{color:var(--text-secondary)!important;font-weight:500}.nav-link:hover{color:var(--info-text)!important;background-color:#e6f2ff!important}.form-group label{color:var(--text-primary)!important;font-weight:600}.price-card .asset-name{color:var(--text-primary)!important;font-weight:600}.price-card .price{color:var(--text-primary)!important}.change.positive,.stat-value.available,.apy{color:var(--success-text)!important;font-weight:600}.change.negative,.risk.high{color:var(--error-text)!important;font-weight:600}.text-muted,.stat-label,.detail span:first-child,.quote-item span:first-child{color:var(--text-muted)!important;font-weight:500}.balance-card,.positions-card,.pnl-card,.thorchain-card,.price-card,.order-form,.order-book{background:var(--bg-white)!important;border:2px solid var(--border-light)!important;color:var(--text-primary)!important}.thorchain-dashboard{background:linear-gradient(135deg,#2d3748 0%,#4a5568 100%)!important;color:var(--text-white)!important}.dashboard-section{background:rgba(255,255,255,0.95)!important;color:var(--text-primary)!important;border:2px solid var(--border-medium)!important}.dashboard-section h2{color:var(--text-primary)!important;text-shadow:none!important}.form-group select,.form-group input{background:var(--bg-white)!important;color:var(--text-primary)!important;border:2px solid var(--border-medium)!important}.form-group select:focus,.form-group input:focus{border-color:var(--info-text)!important;box-shadow:0 0 0 3px rgba(30,58,138,0.2)!important}.form-group input::placeholder{color:var(--text-muted)!important;opacity:0.8}.quote-button,.search-button,.place-order-btn,.docs-link{background:var(--info-text)!important;color:var(--text-white)!important;border:2px solid var(--info-text)!important;font-weight:600}.quote-button:hover,.search-button:hover,.place-order-btn:hover,.docs-link:hover{background:#1e40af!important;border-color:#1e40af!important}.side-btn.active.buy{background:var(--success-text)!important;color:var(--text-white)!important;border-color:var(--success-text)!important}.side-btn.active.sell{background:var(--error-text)!important;color:var(--text-white)!important;border-color:var(--error-text)!important}.pool-card,.opportunity-card,.feature-card{background:rgba(255,255,255,0.95)!important;color:var(--text-primary)!important;border:2px solid var(--border-light)!important}.pool-asset,.opportunity-header h3,.feature-card h3{color:var(--info-text)!important;font-weight:700}.quote-result{background:rgba(255,255,255,0.95)!important;color:var(--text-primary)!important;border:2px solid var(--border-medium)!important}.quote-result h3{color:var(--info-text)!important}.quote-item span:last-child{color:var(--success-text)!important;font-weight:600}.stat-value.staged,.risk.medium{color:var(--warning-text)!important;font-weight:600}.loading{color:var(--info-text)!important;font-weight:500}.error-message{background:rgba(254,242,242,0.95)!important;border:2px solid #fca5a5!important;color:var(--error-text)!important}.welcome-section{background:linear-gradient(135deg,#1e3a8a 0%,#3730a3 100%)!important;color:var(--text-white)!important}.action-card{background:var(--bg-white)!important;color:var(--text-primary)!important;border:2px solid var(--border-light)!important}.action-card:hover{color:var(--text-primary)!important;border-color:var(--border-medium)!important}.action-card h4{color:var(--text-primary)!important}.action-card p{color:var(--text-muted)!important}@media (max-width: 768px){body{font-size:16px}.form-group label{font-size:14px;font-weight:600}.form-group select,.form-group input{font-size:16px;padding:12px}}@media (prefers-contrast: high),(prefers-color-scheme: dark){:root{--text-primary: #000000;--text-secondary: #000000;--bg-white: #ffffff;--border-light: #000000;--border-medium: #000000}.dashboard-section,.pool-card,.opportunity-card,.feature-card{background:#ffffff!important;border:3px solid #000000!important;color:#000000!important}}