body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0c0c0c,#1a1a2e 50%,#16213e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.App-header{background:linear-gradient(90deg,#1e3c72,#2a5298);box-shadow:0 4px 20px #0000004d;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-left{flex:1 1}.header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d4ff,#fff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0}.header-left p{color:#e0e6ed;font-size:1.1rem;margin:5px 0 0;opacity:.9}.header-right{align-items:center;display:flex;gap:15px}@media (max-width:768px){.header-content{flex-direction:column;gap:15px;text-align:center}.header-left h1{font-size:2rem}.header-left p{font-size:1rem}.header-right{justify-content:center;width:100%}}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:30px 20px;width:100%}.top-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-top:30px}.welcome-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-top:30px;padding:60px 20px;text-align:center}.welcome-section h2{color:#00d4ff;font-size:2.5rem;margin-bottom:15px}.welcome-section>p{font-size:1.2rem;margin-bottom:40px;opacity:.8}.features{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:40px}.feature{background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;padding:30px;transition:all .3s ease}.feature:hover{border-color:#00d4ff4d;box-shadow:0 10px 30px #00d4ff33;transform:translateY(-5px)}.feature span{display:block;font-size:3rem;margin-bottom:15px}.feature h3{color:#00d4ff;font-size:1.4rem;margin-bottom:10px}.feature p{line-height:1.5;opacity:.8}.app-footer{background:#0000004d;border-top:1px solid #ffffff1a;margin-top:auto;padding:20px;text-align:center}.app-footer p{font-size:.9rem;opacity:.7}@media (max-width:768px){.header-content h1{font-size:2rem}.charts-section,.features,.top-section{grid-template-columns:1fr}.welcome-section{padding:40px 20px}.welcome-section h2{font-size:2rem}}.main-content>*{animation:slideIn .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00d4ff,#2a5298);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#00b8e6,#1e3c72)}.dashboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:30px;padding:25px}.dashboard-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.connection-info{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.bot-connection-status{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:8px;padding:6px 12px}.bot-connection-status.connected{background:#00ff881a;border:1px solid #00ff884d;color:#0f8}.bot-connection-status.disconnected{background:#ff47571a;border:1px solid #ff47574d;color:#ff4757}.bot-connection-status.connected .status-dot{background:#0f8;box-shadow:0 0 10px #00ff8880}.bot-connection-status.disconnected .status-dot{background:#ff4757;box-shadow:0 0 10px #ff475780}.dashboard-header h2{color:#00d4ff;font-size:1.5rem;margin:0}.last-update{color:#a0a0a0;font-family:Courier New,monospace;font-size:.9rem}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.metric-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(90deg,#00d4ff,#2a5298);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.metric-card:hover{border-color:#00d4ff4d;box-shadow:0 8px 25px #00d4ff26;transform:translateY(-3px)}.metric-card:hover:before{opacity:1}.metric-card.balance:before{background:linear-gradient(90deg,#0f8,#00cc6a)}.metric-card.pnl:before{background:linear-gradient(90deg,#ff6b35,#f7931e)}.metric-card.trades:before{background:linear-gradient(90deg,#a55eea,#8b5cf6)}.metric-card.winrate:before{background:linear-gradient(90deg,#26de81,#20bf6b)}.metric-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.metric-icon{font-size:1.5rem}.metric-title{color:#a0a0a0;font-size:.9rem;font-weight:500}.metric-value{color:#fff;font-family:Courier New,monospace;font-size:1.8rem;font-weight:700;margin-bottom:5px}.metric-subtitle{color:#a0a0a0;font-size:.8rem}.status-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-bottom:30px}.recent-activity,.trading-status{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.recent-activity h3,.trading-status h3{color:#00d4ff;font-size:1.1rem;margin-bottom:15px}.status-grid{display:flex;flex-direction:column;gap:12px}.status-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:10px}.status-label{color:#a0a0a0;font-size:.9rem}.status-value{color:#fff;font-weight:600}.status-value.active{color:#0f8}.status-value.inactive{color:#ff4757}.activity-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.activity-item{background:#ffffff08;border-left:3px solid #00d4ff80;border-radius:6px;display:flex;gap:12px;padding:8px}.activity-time{color:#00d4ff;font-family:Courier New,monospace;font-size:.8rem;min-width:60px}.activity-text{color:#e0e0e0;flex:1 1;font-size:.85rem}.bot-data-section{background:linear-gradient(135deg,#00ff880d,#00d4ff0d);border:1px solid #0f83;border-radius:15px;margin-bottom:25px;padding:20px}.bot-data-section h3{align-items:center;color:#0f8;display:flex;font-size:1.1rem;gap:8px;margin:0 0 15px}.bot-metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bot-metric{align-items:center;background:#00ff880d;border:1px solid #00ff881a;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.bot-metric-label{color:#fffc;font-size:.85rem}.bot-metric-value{color:#0f8;font-size:.9rem;font-weight:600}.quick-actions{border-top:1px solid #ffffff1a;padding-top:20px}.quick-actions h3{color:#00d4ff;font-size:1.1rem;margin-bottom:15px}.actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.action-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:.9rem;font-weight:500}.action-btn:hover{background:#fff3;border-color:#00d4ff80;box-shadow:0 4px 12px #00d4ff33;color:#00d4ff;transform:translateY(-2px)}.action-btn.deposit-btn{background:linear-gradient(45deg,#0f8,#00cc6a);border-color:#00ff884d;color:#fff;font-weight:600}.action-btn.deposit-btn:hover{background:linear-gradient(45deg,#00cc6a,#0a5);border-color:#00ff8880;box-shadow:0 4px 12px #00ff884d;color:#fff}.activity-list::-webkit-scrollbar{width:4px}.activity-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.activity-list::-webkit-scrollbar-thumb{background:#00d4ff80;border-radius:2px}@media (max-width:768px){.dashboard{padding:20px}.dashboard-header{flex-direction:column;gap:10px;text-align:center}.metrics-grid,.status-section{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:1.5rem}}.deposit-manager-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.deposit-manager{animation:slideIn .4s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #00d4ff4d;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow:hidden;padding:0;width:100%}.deposit-header{align-items:center;background:#00d4ff1a;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:25px 30px}.deposit-header h2{color:#00d4ff;font-size:1.5rem;margin:0}.close-button{border-radius:5px;color:#fff;font-size:1.5rem;padding:5px}.close-button:hover{background:#ffffff1a}.deposit-progress{border-bottom:1px solid #ffffff1a;padding:20px 30px}.progress-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:15px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:2px;height:100%;transition:width .5s ease}.progress-steps{display:flex;justify-content:space-between}.progress-step{align-items:center;background:#ffffff1a;border-radius:50%;color:#a0a0a0;display:flex;font-size:.9rem;font-weight:600;height:30px;justify-content:center;transition:all .3s ease;width:30px}.progress-step.active{background:linear-gradient(45deg,#00d4ff,#0f8);box-shadow:0 2px 10px #00d4ff4d;color:#fff}.deposit-content{max-height:60vh;overflow-y:auto;padding:30px}.deposit-step h3{color:#00d4ff;font-size:1.3rem;margin-bottom:15px}.deposit-step p{color:#e0e6ed;margin-bottom:25px;opacity:.9}.balance-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:25px}.balance-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:15px}.balance-item .label{color:#a0a0a0;font-size:.9rem}.balance-item .value{color:#0f8;font-family:Courier New,monospace;font-weight:600}.amount-input-section{margin-bottom:20px}.amount-input-section label{color:#00d4ff;display:block;font-weight:600;margin-bottom:8px}.input-with-max{display:flex;gap:10px}.input-with-max input{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;flex:1 1;font-family:Courier New,monospace;font-size:1.1rem;padding:15px;transition:all .3s ease}.input-with-max input:focus{background:#ffffff26;border-color:#00d4ff80;box-shadow:0 0 0 3px #00d4ff1a;outline:none}.max-button{background:linear-gradient(45deg,#ff6b35,#f7931e);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:15px 20px;transition:all .3s ease}.max-button:hover:not(:disabled){box-shadow:0 4px 15px #ff6b354d;transform:translateY(-2px)}.checkbox-label{margin-right:5px}.quick-amount-btn{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:20px;color:#00d4ff;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .3s ease}.quick-amount-btn:hover:not(:disabled){background:#00d4ff33;transform:translateY(-1px)}.confirmation-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:25px;padding:20px}.detail-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#a0a0a0}.detail-row .value{color:#fff;font-family:Courier New,monospace;font-weight:600}.warning-box{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:10px;margin-bottom:25px;padding:20px}.warning-box h4{color:#ffc107;font-size:1rem;margin-bottom:10px}.warning-box ul{color:#e0e6ed;margin:0;padding-left:20px}.warning-box li{font-size:.9rem;margin-bottom:5px}.processing{text-align:center}.processing-animation{margin:30px 0}.spinner-large{animation:spin 1s linear infinite;border:4px solid #00d4ff4d;border-radius:50%;border-top-color:#00d4ff;height:60px;margin:0 auto;width:60px}.processing-steps{margin-top:30px}.process-step{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:15px;margin-bottom:10px;opacity:.5;padding:15px;transition:all .3s ease}.process-step.active{background:#00d4ff1a;border-color:#00d4ff4d;opacity:1}.step-number{align-items:center;background:#ffffff1a;border-radius:50%;color:#00d4ff;display:flex;font-weight:600;height:30px;justify-content:center;width:30px}.step-text{color:#e0e6ed;font-weight:500}.success{text-align:center}.success-icon{animation:bounce .6s ease-out;font-size:4rem;margin:20px 0}.next-steps{margin:30px 0;text-align:left}.next-steps h4{color:#00d4ff;margin-bottom:15px}.next-steps ol{color:#e0e6ed;padding-left:20px}.next-steps li{line-height:1.5;margin-bottom:15px}.next-steps strong{color:#fff}.next-steps small{color:#a0a0a0;display:block;margin-top:5px}.contract-info{background:#ffffff0d;border-radius:10px;margin-top:20px;padding:20px}.contract-info h5{color:#00d4ff;font-size:1rem;margin-bottom:15px}.contract-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.contract-item:last-child{border-bottom:none}.contract-item .label{color:#a0a0a0;font-size:.9rem}.contract-item .address{color:#00d4ff;font-family:Courier New,monospace;font-size:.8rem}.step-actions{display:flex;gap:15px;justify-content:space-between;margin-top:30px}.step-actions button{border:none;border-radius:25px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:15px 25px;transition:all .3s ease}.back-btn,.cancel-btn{background:#ffffff1a;border:1px solid #fff3;color:#a0a0a0}.back-btn:hover,.cancel-btn:hover{background:#fff3;color:#fff}.close-btn,.confirm-btn,.next-btn,.view-portfolio-btn{background:linear-gradient(45deg,#00d4ff,#2a5298);box-shadow:0 4px 15px #00d4ff4d;color:#fff}.close-btn:hover,.confirm-btn:hover:not(:disabled),.next-btn:hover:not(:disabled),.view-portfolio-btn:hover{box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px)}.confirm-btn:disabled,.next-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{margin:15px 0}.success-message{background:#0f83;border:1px solid #0f86;border-radius:10px;color:#0f8;font-size:.9rem;margin:15px 0;padding:12px;text-align:center}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.deposit-manager-overlay{padding:10px}.deposit-manager{max-height:95vh}.deposit-content,.deposit-header{padding:20px}.balance-info{grid-template-columns:1fr}.step-actions{flex-direction:column}.quick-amounts{justify-content:center}}.wallet-connection{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;padding:25px;transition:all .3s ease}.wallet-connection:hover{border-color:#00d4ff4d;box-shadow:0 5px 20px #00d4ff1a}.wallet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.wallet-header h3{color:#00d4ff;font-size:1.3rem;margin:0}.status-indicator{border-radius:20px;font-size:.85rem;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-indicator.connected{background:linear-gradient(45deg,#0f8,#00cc6a);box-shadow:0 2px 10px #00ff884d;color:#fff}.status-indicator.disconnected{background:linear-gradient(45deg,#ff4757,#ff3742);box-shadow:0 2px 10px #ff47574d;color:#fff}.error-message{margin-bottom:15px}.demo-info-message{background:#ffc10733;border:1px solid #ffc10766;border-radius:10px;color:#ffc107;font-size:.9rem;margin-bottom:15px;padding:12px;text-align:center}.connection-section{text-align:center}.connection-section p{line-height:1.5;margin-bottom:20px;opacity:.8}.install-metamask{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:20px}.install-metamask p{color:#ffa726;margin-bottom:15px}.install-button{background:linear-gradient(45deg,#ff6b35,#f7931e);border-radius:25px;box-shadow:0 4px 15px #ff6b354d;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.install-button:hover{box-shadow:0 6px 20px #ff6b3566;transform:translateY(-2px)}.connect-button{align-items:center;background:linear-gradient(45deg,#00d4ff,#2a5298);border:none;border-radius:25px;box-shadow:0 4px 15px #00d4ff4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;margin:0 auto;padding:15px 30px;transition:all .3s ease}.connect-button:hover:not(:disabled){box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px)}.connect-button:disabled{cursor:not-allowed;opacity:.7}.connected-section{display:flex;flex-direction:column;gap:20px}.wallet-info{gap:12px}.address-display,.network-info{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:10px;padding:10px}.label{color:#00d4ff;font-weight:600;min-width:70px}.address{background:#0000004d;border-radius:5px;color:#fff;flex:1 1;font-family:Courier New,monospace;padding:4px 8px}.network{color:#0f8;font-weight:500}.copy-button{background:#00d4ff33;border:1px solid #00d4ff4d;border-radius:5px;color:#00d4ff;cursor:pointer;font-size:.9rem;padding:4px 8px;transition:all .2s ease}.copy-button:hover{background:#00d4ff4d;transform:scale(1.05)}.disconnect-button{align-self:center;background:linear-gradient(45deg,#ff4757,#ff3742);border:none;border-radius:20px;box-shadow:0 4px 15px #ff47574d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.disconnect-button:hover{box-shadow:0 6px 20px #ff475766;transform:translateY(-2px)}@media (max-width:768px){.wallet-connection{padding:20px}.wallet-header{flex-direction:column;gap:10px;text-align:center}.address-display,.network-info{align-items:flex-start;flex-direction:column;gap:5px}.label{min-width:auto}}.bot-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;padding:25px;transition:all .3s ease}.bot-controls:hover{border-color:#00d4ff4d;box-shadow:0 5px 20px #00d4ff1a}.controls-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.controls-header h3{color:#00d4ff;font-size:1.3rem;margin:0}.bot-status{border-radius:20px;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.bot-status.active{background:linear-gradient(45deg,#0f8,#00cc6a);box-shadow:0 2px 10px #00ff884d;color:#fff}.bot-status.inactive{background:linear-gradient(45deg,#6c757d,#495057);box-shadow:0 2px 10px #6c757d4d;color:#fff}.status-dot{background:currentColor}.bot-info{margin-bottom:25px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.info-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:10px}.info-item .label{color:#00d4ff;font-weight:600}.info-item .value{background:#0000004d;border-radius:5px;color:#fff;font-family:Courier New,monospace;padding:4px 8px}.control-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.main-control{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;min-height:50px;padding:15px 30px;transition:all .3s ease}.main-control.start{background:linear-gradient(45deg,#0f8,#00cc6a);box-shadow:0 4px 15px #00ff884d;color:#fff}.main-control.start:hover:not(:disabled){box-shadow:0 6px 20px #0f86;transform:translateY(-2px)}.main-control.stop{background:linear-gradient(45deg,#ff4757,#ff3742);box-shadow:0 4px 15px #ff47574d;color:#fff}.main-control.stop:hover:not(:disabled){box-shadow:0 6px 20px #ff475766;transform:translateY(-2px)}.main-control:disabled{cursor:not-allowed;opacity:.7;transform:none}.secondary-controls{display:flex;gap:10px}.secondary-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:10px 15px;transition:all .3s ease}.secondary-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.pause-btn:hover{border-color:#ffc10780;color:#ffc107}.restart-btn:hover{border-color:#00d4ff80;color:#00d4ff}.warning-message{background:#ffc10733;border:1px solid #ffc10766;border-radius:10px;color:#ffc107;font-size:.9rem;margin-bottom:20px;padding:12px;text-align:center}.bot-config{border-top:1px solid #ffffff1a;padding-top:20px}.bot-config h4{color:#00d4ff;font-size:1.1rem;margin-bottom:15px}.config-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.config-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.config-label{color:#a0a0a0;font-size:.9rem}.config-value{color:#0f8;font-size:.9rem;font-weight:600}@media (max-width:768px){.bot-controls{padding:20px}.controls-header{gap:10px;text-align:center}.controls-header,.secondary-controls{flex-direction:column}.config-grid{grid-template-columns:1fr}}.trading-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;height:-webkit-fit-content;height:fit-content;padding:25px}.stats-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.stats-header h3{color:#00d4ff;font-size:1.3rem;margin:0}.bot-indicator{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.bot-indicator.running{background:linear-gradient(45deg,#0f8,#00cc6a);box-shadow:0 2px 10px #00ff884d;color:#fff}.bot-indicator.stopped{background:linear-gradient(45deg,#6c757d,#495057);box-shadow:0 2px 10px #6c757d4d;color:#fff}.indicator-dot{animation:pulse 2s infinite;background:currentColor;border-radius:50%;height:6px;width:6px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:25px}.stat-group{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:18px}.stat-group h4{color:#00d4ff;font-size:1rem;font-weight:600;margin:0 0 15px}.stat-items{display:flex;flex-direction:column;gap:10px}.stat-item{align-items:center;justify-content:space-between;padding:8px 0}.stat-label,.stat-value{font-size:.9rem}.stat-value.highlight{color:#00d4ff;text-shadow:0 0 5px #00d4ff80}.stat-value.win{color:#0f8}.stat-value.tp{color:#ffc107}.performance-summary{border-top:1px solid #ffffff1a;margin-bottom:20px;padding-top:20px}.performance-summary h4{color:#00d4ff;font-size:1rem;margin-bottom:15px}.summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.summary-item{align-items:center;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.summary-item:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.summary-item.positive{background:#00ff881a;border-color:#00ff884d}.summary-item.positive:hover{box-shadow:0 4px 15px #0f83}.summary-item.negative{background:#ff47571a;border-color:#ff47574d}.summary-item.negative:hover{box-shadow:0 4px 15px #ff475733}.summary-item.neutral{background:#00d4ff1a;border-color:#00d4ff4d}.summary-item.neutral:hover{box-shadow:0 4px 15px #00d4ff33}.summary-icon{font-size:1.5rem;min-width:30px;text-align:center}.summary-content{flex:1 1}.summary-title{color:#a0a0a0;font-size:.8rem;margin-bottom:2px}.summary-value{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.inactive-message{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:10px;color:#ffc107;padding:20px;text-align:center}.inactive-message span{display:block;font-size:2rem;margin-bottom:10px;opacity:.7}.inactive-message p{font-size:.9rem;margin:0;opacity:.8}@media (max-width:768px){.trading-stats{padding:20px}.stats-header{flex-direction:column;gap:10px;text-align:center}.stat-item{align-items:flex-start;flex-direction:column;gap:5px}.summary-grid{grid-template-columns:1fr}.summary-item{flex-direction:column;gap:8px;text-align:center}}@keyframes valueUpdate{0%{color:#00d4ff;transform:scale(1)}50%{color:#fff;transform:scale(1.1)}to{color:inherit;transform:scale(1)}}.stat-value.updated{animation:valueUpdate .5s ease-out}.portfolio-chart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;height:-webkit-fit-content;height:fit-content;padding:25px}.chart-header{justify-content:space-between;margin-bottom:20px}.chart-header,.chart-header h3{align-items:center;display:flex}.chart-header h3{color:#00d4ff;font-size:1.2rem;gap:12px;margin:0}.data-source{border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 8px}.data-source.real{background:#00ff881a;border:1px solid #00ff884d;color:#0f8}.data-source.zero{background:#ff47571a;border:1px solid #ff47574d;color:#ff4757}.chart-controls{align-items:center;display:flex;gap:15px}.timeframe-selector{background:#ffffff1a;border-radius:20px;display:flex;gap:5px;padding:3px}.timeframe-btn{background:#0000;border:none;border-radius:15px;color:#a0a0a0;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.timeframe-btn.active{background:linear-gradient(45deg,#00d4ff,#2a5298);box-shadow:0 2px 8px #00d4ff4d;color:#fff}.timeframe-btn:hover:not(.active){background:#ffffff1a;color:#fff}.chart-stats{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-label{color:#a0a0a0;font-size:.8rem}.stat-value{font-family:Courier New,monospace}.stat-value.trend-up{color:#0f8}.stat-value.trend-down{color:#ff4757}.stat-value.trend-neutral{color:#ffc107}.chart-container{background:#0003;border:1px solid #ffffff1a;border-radius:10px;height:200px;margin-bottom:15px;overflow:hidden;position:relative}.chart-svg{height:100%;width:100%}.chart-line{animation:drawLine 2s ease-in-out;filter:drop-shadow(0 0 3px rgba(0,212,255,.5))}@keyframes drawLine{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dasharray:1000;stroke-dashoffset:0}}.chart-point{filter:drop-shadow(0 0 2px rgba(0,212,255,.8));transition:all .3s ease}.chart-point:hover{r:1.2;filter:drop-shadow(0 0 4px rgba(0,212,255,1))}.no-data{color:#a0a0a0;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.no-data span{display:block;font-size:2rem;margin-bottom:10px;opacity:.5}.no-data p{font-size:.9rem;margin:0}.chart-footer{display:flex;justify-content:center}.time-labels{color:#a0a0a0;display:flex;font-family:Courier New,monospace;font-size:.8rem;justify-content:space-between;width:100%}@media (max-width:768px){.portfolio-chart{padding:20px}.chart-header{align-items:flex-start;flex-direction:column;gap:15px}.chart-stats{flex-direction:column;gap:10px}.stat-item{flex-direction:row;justify-content:space-between}.timeframe-selector{align-self:stretch}.timeframe-btn{flex:1 1;text-align:center}.chart-container{height:150px}}@keyframes newPoint{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.chart-point:last-child{animation:newPoint .5s ease-out}.hyperliquid-setup{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.setup-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #00d4ff4d;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;width:100%}.setup-header{margin-bottom:30px;text-align:center}.setup-header h2{color:#00d4ff;font-size:2rem;margin-bottom:10px}.setup-header p{color:#e0e6ed;font-size:1.1rem;opacity:.9}.setup-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:30px}.info-card,.security-notice{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.info-card h3,.security-notice h4{color:#00d4ff;font-size:1.1rem;margin-bottom:15px}.info-card ol{color:#e0e6ed;padding-left:20px}.info-card li{line-height:1.5;margin-bottom:8px}.info-card a{color:#00d4ff;font-weight:600;text-decoration:none}.info-card a:hover{text-decoration:underline}.security-notice ul{list-style:none;padding:0}.security-notice li{color:#e0e6ed;margin-bottom:8px;padding-left:20px;position:relative}.setup-form{margin-bottom:30px}.error-message{background:#ff475733;border:1px solid #ff475766;border-radius:10px;color:#ff6b7a;font-size:.9rem;padding:12px;text-align:center}.error-message,.form-group{margin-bottom:20px}.form-group label{color:#00d4ff;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-family:Courier New,monospace;font-size:.9rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{background:#ffffff26;border-color:#00d4ff80;box-shadow:0 0 0 3px #00d4ff1a;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:#a0a0a0}.form-options{margin-bottom:25px}.checkbox-label{align-items:center;color:#e0e6ed;cursor:pointer;display:flex;font-size:.9rem;gap:10px}.checkbox-label input[type=checkbox]{margin:0;width:auto}.checkmark{font-size:.9rem}.form-actions{display:flex;gap:15px;justify-content:space-between}.skip-button,.submit-button{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:15px 25px;transition:all .3s ease}.skip-button{background:#ffffff1a;border:1px solid #fff3;color:#a0a0a0}.skip-button:hover:not(:disabled){background:#fff3;border-color:#ffffff4d;color:#fff}.submit-button{background:linear-gradient(45deg,#00d4ff,#2a5298);box-shadow:0 4px 15px #00d4ff4d;color:#fff}.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.setup-footer{border-top:1px solid #ffffff1a;padding-top:20px}.help-links{display:flex;gap:30px;justify-content:center}.help-links a{color:#00d4ff;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease}.help-links a:hover{color:#fff;text-decoration:underline}@media (max-width:768px){.hyperliquid-setup{padding:10px}.setup-container{max-height:95vh;padding:30px 20px}.setup-header h2{font-size:1.5rem}.setup-info{grid-template-columns:1fr}.form-actions,.help-links{flex-direction:column}.help-links{gap:15px;text-align:center}}.setup-container{animation:slideIn .4s ease-out}.demo-indicator{animation:slideInRight .5s ease-out;position:fixed;right:20px;top:20px;z-index:1000}.demo-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#ff6b35,#f7931e);border:2px solid #fff3;border-radius:25px;box-shadow:0 4px 20px #ff6b3566;color:#fff;display:flex;gap:10px;padding:12px 20px}.demo-icon{animation:pulse 2s infinite;font-size:1.2rem}.demo-text{font-size:.9rem;font-weight:700;letter-spacing:.5px}.demo-description{font-size:.8rem;font-weight:400;opacity:.9}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.demo-indicator{left:10px;right:10px;top:10px}.demo-badge{flex-direction:column;gap:5px;padding:10px 15px;text-align:center}.demo-description{font-size:.75rem}}.navbar-wallet{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:8px 16px;position:relative;transition:all .3s ease}.navbar-wallet:hover{background:#ffffff26;border-color:#00d4ff66;box-shadow:0 4px 20px #00d4ff33;transform:translateY(-1px)}.wallet-icon{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);border-radius:8px;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.wallet-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.wallet-info{display:flex;flex-direction:column;gap:2px}.wallet-balance{color:#fff;font-size:15px}.wallet-balance,.wallet-pnl{font-weight:600;line-height:1.2}.wallet-pnl{font-size:13px;margin-top:1px}.wallet-pnl.positive{color:#0f8}.wallet-pnl.negative{color:#ff4757}.wallet-arrow{color:#fff9;font-size:10px;transition:transform .3s ease}.navbar-wallet:hover .wallet-arrow{transform:translateY(1px)}.wallet-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wallet-modal{animation:slideIn .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 40px #00000080;max-height:80vh;max-width:450px;overflow:hidden;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.wallet-modal-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;gap:15px;justify-content:space-between;padding:20px 24px}.connection-status{align-items:center;display:flex;font-size:12px;gap:8px}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.status-text{color:#fffc;font-weight:500}.wallet-modal-header h3{color:#00d4ff;font-size:1.2rem;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;font-size:18px;padding:4px;transition:all .3s ease}.close-button:hover{background:#ff47571a;color:#ff4757}.wallet-modal-content{max-height:calc(80vh - 80px);overflow-y:auto;padding:24px}.wallet-address-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:16px}.bot-section{background:linear-gradient(135deg,#00ff881a,#00d4ff1a);border:1px solid #0f83;border-radius:12px;margin-bottom:24px;padding:16px}.bot-status{justify-content:space-between;margin-bottom:12px}.bot-status,.status-indicator{align-items:center;display:flex}.status-indicator{font-size:14px;font-weight:600;gap:8px}.bot-status-dot{animation:pulse 1.5s infinite;border-radius:50%;height:10px;width:10px}.bot-status-dot.running{background:#0f8;box-shadow:0 0 15px #0f89}.bot-status-dot.stopped{background:#ff4757;box-shadow:0 0 15px #ff475799}.position-info{color:#fffc;display:flex;flex-direction:column;font-size:12px;gap:4px}.scalping-profits{align-items:center;background:#00ff881a;border:1px solid #0f83;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.scalping-label{color:#ffffffb3;font-size:12px}.scalping-value{color:#0f8;font-size:14px;font-weight:600}.address-label{color:#fff9;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.address-value{align-items:center;color:#00d4ff;display:flex;font-family:Courier New,monospace;font-size:14px;font-weight:500;gap:8px}.copy-btn{background:none;border:none;border-radius:4px;cursor:pointer;opacity:.7;padding:4px;transition:all .3s ease}.copy-btn:hover{background:#00d4ff1a;opacity:1}.balances-section{margin-bottom:24px}.balance-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 0}.balance-item:last-child{border-bottom:none}.balance-item.total{border-top:1px solid #ffffff1a;font-weight:600;margin-top:8px;padding-top:16px}.balance-label{color:#fffc;font-size:14px}.balance-value{color:#fff;font-size:16px;font-weight:600}.balance-item.total .balance-value{color:#00d4ff;font-size:18px}.pnl-section{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:24px;padding:16px}.pnl-label{color:#fff9;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.pnl-value{align-items:center;display:flex;font-size:20px;font-weight:700;gap:8px}.pnl-value.positive{color:#0f8}.pnl-value.negative{color:#ff4757}.pnl-percent{font-size:14px;font-weight:500;opacity:.8}.wallet-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:12px 16px;text-align:center;transition:all .3s ease}.deposit-btn{background:linear-gradient(135deg,#0f8,#00cc6a);color:#000}.deposit-btn:hover{box-shadow:0 4px 15px #00ff884d;transform:translateY(-2px)}.withdraw-btn{background:linear-gradient(135deg,#ff6b35,#e55a2b);color:#fff}.withdraw-btn:hover{box-shadow:0 4px 15px #ff6b354d;transform:translateY(-2px)}.refresh-btn{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.refresh-btn:hover{box-shadow:0 4px 15px #00d4ff4d;transform:translateY(-2px)}.last-update{color:#fff6;font-size:11px;font-style:italic;text-align:center}@media (max-width:768px){.navbar-wallet{gap:8px;padding:6px 12px}.wallet-info{display:none}.wallet-modal{margin:10px;width:95%}.wallet-actions{gap:8px;grid-template-columns:1fr}}.bot-selector{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;margin-bottom:24px;padding:24px}.bot-selector.loading{align-items:center;color:#fff;display:flex;gap:12px;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#0f8;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bot-selector-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.bot-selector-header h3{color:#fff;font-size:1.4em;font-weight:600;margin:0}.bots-summary{color:#0f8;font-size:.9em;font-weight:500}.bots-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.bot-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.bot-card:before{background:#0f8;background:var(--bot-color,#0f8);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.bot-card:hover{border-color:#0f8;border-color:var(--bot-color,#0f8);box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.bot-card:hover:before{opacity:1}.bot-card.selected{background:linear-gradient(135deg,#00ff881a,#00ff880d);border-color:#0f8;border-color:var(--bot-color,#0f8)}.bot-card.selected:before{opacity:1}.bot-card.connected{border-color:#00ff884d}.bot-card.disconnected{border-color:#ff47574d;opacity:.7}.bot-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.bot-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));font-size:2em}.bot-status .status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.status-dot.connected{background:#0f8;box-shadow:0 0 10px #00ff8880}.status-dot.disconnected{background:#ff4757;box-shadow:0 0 10px #ff475780}.bot-info{margin-bottom:16px}.bot-name{color:#fff;font-size:1.1em;font-weight:600;margin:0 0 8px}.bot-details{display:flex;flex-wrap:wrap;gap:8px}.bot-details span{background:#ffffff1a;border-radius:8px;color:#fff;font-size:.8em;font-weight:500;padding:4px 8px}.bot-type{background:#0f8!important;background:var(--bot-color,#0f8)!important;color:#000!important}.bot-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.stat{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;padding:8px}.stat-label{color:#ffffffb3;font-size:.8em;margin-bottom:4px}.stat-value{color:#fff;font-size:.9em;font-weight:600}.stat-value.positive{color:#0f8}.stat-value.negative{color:#ff4757}.bot-disconnected{background:#ff47571a;border-radius:8px;color:#ff4757;font-weight:500;padding:12px;text-align:center}.bot-selector-footer{display:flex;gap:12px;justify-content:space-between}.refresh-bots-btn,.view-all-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:.9em;font-weight:600;padding:12px 20px;transition:all .3s ease}.refresh-bots-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.refresh-bots-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.view-all-btn{background:linear-gradient(135deg,#0f8,#00d4aa);color:#000}.view-all-btn:hover{box-shadow:0 8px 25px #0f86;transform:translateY(-2px)}@media (max-width:768px){.bots-grid{grid-template-columns:1fr}.bot-selector-footer{flex-direction:column}}
/*# sourceMappingURL=main.5723a8b6.css.map*/