:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary-orange: #ff9800;--secondary-orange: #ffb74d;--dark-bg: #0a0e13;--card-bg: rgba(26, 32, 44, .8);--success: #4caf50;--danger: #f44336;--warning: #ff9800;--info: #2196f3;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--border-color: rgba(255, 255, 255, .1);color-scheme:dark;color:var(--text-primary);background:linear-gradient(135deg,#0a0e13,#1a1f2e);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border-radius:.5rem;border:none;font-family:inherit;font-weight:500;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible,button:focus-within{outline:none!important;box-shadow:none!important}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#fff3;border-radius:.5rem}*{scrollbar-width:thin;scrollbar-color:#ffffff33 transparent}body{-ms-overflow-style:auto}.app-main{padding:24px}@media (max-width: 1050px){.app-main{padding:10px}}@media (max-width: 480px){.app-main{padding:5px}}.user-login{display:flex;align-items:center;gap:.5rem}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-info{display:flex;align-items:center;gap:.5rem}.user-name{margin:0;font-size:.9rem}.logout-btn{padding:.5rem 1rem;background:none;color:#ff4500;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.login-prompt{text-align:center;padding:2rem;background:#ffffff1a;border-radius:8px;margin:2rem 0}.abcRioButton{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1.5rem!important;background:#fff!important;color:#757575!important;border:1px solid #dadce0!important;border-radius:4px!important;font-size:1rem!important;margin:1rem auto!important;cursor:pointer!important;transition:background-color .3s!important}.abcRioButton:hover{background:#f8f9fa!important}.abcRioButton img{width:18px!important;height:18px!important}.home-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:32px;position:relative;min-height:100dvh;width:100%;box-sizing:border-box;overflow-y:auto;padding:30px 0}.home-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,152,0,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,152,0,.05) 0%,transparent 50%);pointer-events:none}.home-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary-orange),var(--secondary-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin:0;position:relative;z-index:1;text-shadow:0 0 30px rgba(255,152,0,.3)}.stats-block{display:flex;flex-wrap:wrap;gap:32px;position:relative;z-index:1}.stats-card{width:280px;height:auto;border:1px solid rgba(255,152,0,.3);text-align:center;transition:all .4s ease;position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-orange),var(--secondary-orange))}.card-home-content{padding:0 24px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.card-title{font-size:28px;font-weight:700;margin:0;color:#ff9800;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.card-home{font-size:18px;margin:8px 0;display:flex;justify-content:space-between;align-items:center}.card-home .value{font-weight:600;margin-left:5px}.card-home.success{color:#28a745}.card-home.failure{color:#ff3b3b}.card-home.winrate{font-size:16px;color:#ffb400;font-weight:600}.winrate-bar{height:10px;background:#f4433633;margin-top:8px;overflow:hidden;position:relative;border-radius:.5rem}.winrate-bar-inner{height:100%;background:linear-gradient(90deg,var(--success),var(--primary-orange));transition:width .6s ease;border-radius:.5rem;position:relative}.winrate-bar-inner:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mode-button{display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;padding:20px 48px;border-radius:.5rem;border:2px solid var(--primary-orange);background:linear-gradient(135deg,#ff98001a,#ff98000d);color:var(--text-primary);cursor:pointer;transition:all .4s ease;width:450px;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;margin-bottom:20px}.mode-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,152,0,.1),transparent);transition:left .6s ease}.mode-button:hover:before{left:100%}.mode-button:hover{transform:translateY(-4px);border-color:var(--secondary-orange);background:linear-gradient(135deg,#ff980033,#ff98001a);box-shadow:0 12px 40px #ff98004d;color:#fff}@media (max-width: 1050px){.home-container{padding:20px 0;justify-content:flex-start}.home-title{font-size:30px}.stats-block{gap:10px;margin-bottom:10px;justify-content:center}.stats-card{width:180px}.card-home-content{padding:0}.card-home .value{margin-left:0}.card-home.success{color:#28a745}.card-home.failure{color:#ff3b3b}}@media (max-width: 480px){.home-container{gap:10px;padding:20px 0;justify-content:flex-start}.home-title{font-size:35px}.stats-block{gap:10px;margin-bottom:10px;justify-content:center}.stats-card{width:130px}.card-home-content{padding:0}.card-title{font-size:20px}.card-home{font-size:14px;margin:5px 0}.card-home .value{margin-left:0}.card-home.success{color:#28a745}.card-home.failure{color:#ff3b3b}.card-home.winrate{font-size:14px}.winrate-bar{height:10px;margin-top:8px}.mode-button{font-size:20px;padding:15px 30px;width:300px}}.overview-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-orange),var(--secondary-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin:0;padding:24px 0}.copy-section{display:flex;padding:4px;gap:10px}.copy-btn{padding:8px 16px;border:none;border-radius:.5rem;transition:all .3s ease;font-weight:500;background:var(--primary-orange);color:#fff;box-shadow:0 4px 12px #ff98004d}.copy-btn:hover:not(:disabled){transform:translateY(-1px)}.copy-btn:disabled{background-color:#999;cursor:not-allowed}.copy-progress{display:flex;align-items:center;gap:10px}.copy-progress progress{width:200px;height:16px;-webkit-appearance:none;appearance:none}.copy-progress progress::-webkit-progress-bar{background:#ffffff0d;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.copy-progress progress::-webkit-progress-value{background-color:var(--primary-orange);border-radius:8px}.copy-progress span{font-size:14px;color:#333;text-align:right}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:var(--card-bg);border:1px solid var(--border-color);padding:30px;border-radius:.5rem;width:500px;text-align:center;animation:fadeIn .3s ease}.modal h3{margin-bottom:1rem;font-size:20px;color:var(--primary-orange)}.api-text{font-size:15px}.modal input{width:90%;padding:.6rem;margin:.5rem 0;border:none;border-radius:.5rem;font-size:15px}.modal button{margin:.5rem;padding:.6rem 1.2rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background .2s ease;transition:all .3s ease}.modal button:first-of-type{background:var(--primary-orange);color:#fff}.modal button:last-of-type:hover,.modal button:first-of-type:hover{transform:translateY(-1px)}.modal button:last-of-type{background:#f4433660}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.trade-alert{position:fixed;top:90px;right:20px;background:#222;color:#61dafb;padding:12px 20px;border-radius:.5rem;font-size:16px;box-shadow:0 4px 12px #0000004d;z-index:9999;animation:fadeInOut 10s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.overview-top-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px}.overview-bottom-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:40px}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border-color);border-radius:.5rem;padding:24px;position:relative;overflow:hidden}.card-value.active-allbots{font-size:1.3rem;font-weight:700;margin-bottom:20px;color:var(--primary-orange)}.card-value.active-bots{font-size:1rem;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.bot-count{color:var(--success);font-weight:700}.pair-count{color:var(--text-secondary);font-weight:600}.pair-count.over-limit{color:var(--warning)}.card-description{color:#ffffff50;font-size:.9rem;margin-top:16px;font-style:italic}.card-content{position:relative;z-index:1}.card-value{font-size:1.1rem;margin:12px 0;display:flex;justify-content:space-between;align-items:center;color:var(--text-primary)}.pnl-value{font-weight:700;font-size:1.1rem}.pnl-value.positive{color:var(--success)}.pnl-value.negative{color:var(--danger)}.recent-trades-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 2fr 1fr;gap:16px;padding:12px 16px;background:#ff98001a;border-radius:.5rem;margin-bottom:16px;font-weight:600;color:var(--primary-orange);font-size:.9rem}.recent-trades{list-style:none;padding:0;margin:0;max-height:390px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,152,0,.3) transparent}.recent-trades li{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 2fr 1fr;gap:16px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem;align-items:center}.recent-trades li:last-child{border-bottom:none}.trade-buy{color:var(--success);font-weight:600}.trade-sell{color:var(--danger);font-weight:600}.bot-status-list{list-style:none;padding:0 5px 0 0;margin:0;overflow-y:auto;max-height:390px;scrollbar-width:thin;scrollbar-color:rgba(255,152,0,.3) transparent}.bot-status-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:8px;border-radius:.5rem;background:#ffffff05;border:1px solid var(--border-color);transition:all .2s ease}.bot-status-list li.in-position{border-color:var(--success);background:#4caf500d}.bot-status-list li.idle{background:#ffffff05;border:1px solid var(--border-color)}.bot-status-list li.offline{border-color:var(--danger);background:#f443360d}.bot-status-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.bot-pair{font-size:14px}.bot-pair.online{color:#61dafb!important}.bot-pair.offline{color:gray!important}.bot-status-group h4{color:var(--primary-orange);font-size:1.2rem;margin:0 0 16px;font-weight:600;border-bottom:2px solid rgba(255,152,0,.3);padding-bottom:8px}.bot-status-list li.in-position span:last-child{color:var(--success);font-weight:600}.bot-status-list li.offline span:last-child{color:var(--danger);font-weight:600}.bot-status-list li.idle span:last-child{color:var(--text-secondary)}.bot-status-list li span:first-child{color:var(--text-primary);font-weight:500}@media (max-width: 1050px){.overview-title{font-size:20px;padding:10px 0}.trade-alert{display:none}.overview-top-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:20px}.overview-bottom-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:10px;margin-bottom:60px}.bot-pair{font-size:10px}.bot-status-list li.in-position span:last-child,.bot-status-list li.offline span:last-child,.bot-status-list li.idle span:last-child,.bot-status-list li span:first-child{font-size:12px}.card{padding:10px}.card-value.active-allbots{font-size:14px;margin-bottom:20px}.card-value.active-bots{font-size:12px;padding-bottom:5px}.card-description{font-size:10px;margin-top:10px}.card-value{margin:5px 0}.pnl-value{font-size:12px}.recent-trades-header{gap:10px;padding:5px 8px;margin-bottom:0;font-size:14px}.recent-trades{max-height:390px}.recent-trades li{gap:10px;padding:5px 8px;font-size:12px}.bot-status-list{padding:0 10px 0 0;max-height:185px}.bot-status-list li{padding:5px 8px}.bot-status-row{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.bot-status-group h4{font-size:12px;margin:0 0 14px;padding:0}.copy-btn{padding:5px 10px}.copy-progress progress{width:100px;height:14px}.copy-progress span{font-size:14px}.modal{padding:20px;width:300px}.modal h3{font-size:20px}.api-text{font-size:10px}.modal input{font-size:14px;padding:4px}.modal button{padding:5px 10px}}@media (max-width: 480px){.overview-title{font-size:16px;padding:5px 0}.overview-top-row{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:5px}.overview-bottom-row{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.bot-pair{font-size:8px}.bot-status-list li.in-position span:last-child,.bot-status-list li.offline span:last-child,.bot-status-list li.idle span:last-child,.bot-status-list li span:first-child{font-size:10px}.card{padding:10px}.card-value.active-allbots{font-size:12px;margin-bottom:20px}.card-value.active-bots{font-size:10px;padding-bottom:5px}.card-description{font-size:8px;margin-top:10px}.card-value{margin:5px 0}.pnl-value{font-size:10px}.recent-trades-header{gap:10px;padding:5px 8px;margin-bottom:0;font-size:12px}.recent-trades{max-height:390px}.recent-trades li{gap:10px;padding:5px 8px;font-size:10px}.bot-status-list{padding:0 10px 0 0;max-height:390px}.bot-status-list li{margin-bottom:5px;font-size:12px}.bot-status-group h4{font-size:10px;margin:0 0 14px;padding:0}.recent-trades-header,.recent-trades li{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.recent-trades-header span:nth-child(4),.recent-trades li span:nth-child(4){display:none}.bot-status-row{grid-template-columns:1fr}.copy-btn{font-size:10px}.copy-progress progress{width:50px;height:10px}.copy-progress span{font-size:10px}.modal{padding:10px;width:250px}.modal h3{font-size:16px}.api-text{font-size:8px}.modal input{font-size:10px;padding:2px;height:15px}.modal button{padding:5px 10px;font-size:10px}}.bots-container{margin:0 auto}.bots-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.bots-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary-orange),var(--secondary-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.bot-type-selector{position:relative;display:flex;gap:8px;background:#ffffff0d;padding:4px;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.type-button{flex:1;padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);border-radius:.5rem;cursor:pointer;position:relative;font-weight:500;z-index:1;box-sizing:border-box;white-space:nowrap}.active-indicator{position:absolute;top:4px;bottom:4px;left:0;background:var(--primary-orange);border-radius:.5rem;z-index:0;transition-property:transform,width;transition-duration:.4s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.position-side{display:inline-block;padding:4px 8px;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-right:8px}.position-side.long{background:#4caf5033;color:var(--success)}.position-side.short{background:#f4433633;color:var(--danger)}.tab-content h4{margin-bottom:15px;color:#fff}.tab-content ul{list-style:none;padding-left:0;margin-bottom:20px;display:grid;grid-template-columns:repeat(auto-fit,350px);gap:12px;justify-content:center}.tab-content ul li{display:grid;grid-template-columns:1fr auto auto;align-items:center;background:linear-gradient(135deg,#11161d,#1a202c);padding:8px 12px;margin-bottom:8px;border-radius:.5rem;border-left:3px solid var(--primary-orange);font-weight:600;gap:8px}.tab-content ul li button{padding:4px 10px;margin-left:8px;border:none;cursor:pointer;transition:background-color .2s ease;width:80px}.btn-add{background-color:#000;color:#fff;padding:6px 14px;margin:5px;font-weight:600;border:none;cursor:pointer;transition:background-color .2s ease}.btn-add:hover{background-color:#333}.btn-toggle-all{background-color:#28a745;color:#000;padding:6px 14px;margin:5px;font-weight:600;border:none;cursor:pointer;transition:background-color .25s ease}.btn-toggle-all.stop{background-color:#fd7e14;color:#000}.btn-toggle-all:hover{filter:brightness(.9)}.btn-toggle-all.stop:hover{background-color:#e0a800}.tab-content ul li button.btn-stop{background-color:#fd7e14;color:#000}.tab-content ul li button.btn-stop:hover{background-color:#e0a800}.tab-content ul li button.btn-start{background-color:#28a745;color:#000}.tab-content ul li button.btn-start:hover{background-color:#218838}.tab-content ul li button.btn-delete{background-color:#dc354550;color:#000}.tab-content ul li button.btn-delete:hover{background-color:#c82333;color:#fff}.logs-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:60px}.log-window{flex:1 1 45%;min-width:300px;background:#0000001a;border-radius:.5rem;padding:12px;box-sizing:border-box;display:flex;flex-direction:column;height:350px;border:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.log-window h5{margin:0 0 8px;color:#61dafb;font-weight:700;-webkit-user-select:text;user-select:text;flex-shrink:0}.log-content{max-height:300px;flex-grow:1;color:#fff;font-family:monospace;white-space:pre-wrap;overflow-y:auto}.log-content pre{margin:0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-family:monospace}@media (max-width: 1050px){.bots-header{margin-bottom:10px;padding-bottom:10px}.bots-title{font-size:20px}.bot-type-selector{gap:5px;padding:4px}.position-side{padding:4px 8px;margin-right:5px}.type-button{padding:5px 10px}.tab-content ul{grid-template-columns:repeat(auto-fit,250px);gap:5px}.tab-content ul li{padding:5px 10px;margin-bottom:5px;gap:5px;font-size:12px}.tab-content ul li button{padding:4px 10px;margin-left:0;width:55px;font-size:12px}.btn-add,.btn-toggle-all{padding:5px 10px;margin:5px;font-size:12px}.btn-toggle-all.stop,.tab-content ul li button.btn-stop,.tab-content ul li button.btn-delete{font-size:12px}.logs-container{gap:10px}.log-window{padding:10px;font-size:12px}.log-window h5{margin:0 0 8px}.log-content{height:auto}}@media (max-width: 480px){.bots-header{margin-bottom:5px;padding-bottom:5px}.bots-title{font-size:16px}.position-side{padding:2px 5px}.type-button{padding:5px 10px;font-size:10px}.tab-content ul{grid-template-columns:repeat(auto-fit,180px);gap:5px}.tab-content ul li{font-size:10px}.tab-content ul li button{padding:2px 5px;width:40px;font-size:10px}.tab-content ul li button.btn-stop,.tab-content ul li button.btn-delete{font-size:10px}.log-window{font-size:11px}.log-window h5{margin:0 0 5px}}html,body,#root{margin:0;padding:0;width:100%;height:100%}#bgCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}body{margin-top:0}main{margin-top:70px}#root{display:flex;flex-direction:column;height:100%;width:100%}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:linear-gradient(135deg,#11161d,#1a202c);box-shadow:0 0 10px #ff8c0026;width:100%;box-sizing:border-box;position:absolute;top:0;left:0;right:0;z-index:1000;height:70px;border-bottom:1px solid rgba(255,152,0,.2)}.header-content{display:flex;flex-direction:column;justify-content:center}.app-title{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-orange),var(--secondary-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease;cursor:pointer}.app-title:hover{transform:scale(1.05)}.status-chip{margin-left:10px;font-size:.875rem;padding:4px 12px;border-radius:.5rem;font-weight:600;width:max-content;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid;transition:all .3s ease}.status-chip.connected{color:var(--success);background:#4caf501a;border-color:var(--success);box-shadow:0 0 10px #4caf504d}.status-chip.disconnected{color:var(--danger);background:#f443361a;border-color:var(--danger);box-shadow:0 0 10px #f443364d}.tabs{display:flex;gap:50px}.tabs button{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--text-secondary);border:none;background:none;padding:8px 16px;border-radius:.5rem;transition:all .3s ease;font-weight:500}.tabs button.active,.tabs button:hover{color:var(--primary-orange);background:#ff98001a;transform:translateY(-2px)}.tabs button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-orange),var(--secondary-orange));border-radius:.5rem}.system-stats{right:0;font-size:.9rem;color:#ccc;gap:10px}#scrollToTop{position:fixed;display:none;bottom:10px;right:10px;z-index:1000;background-color:#262626;color:orange;border:none;border-radius:.5rem;width:50px;height:50px;font-size:24px;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:opacity .3s ease}#scrollToTop:hover{background-color:#444}@media (max-width: 1050px){body{margin-top:0}main{margin-top:90px}.app-header{flex-direction:column;align-items:center;padding:8px 12px;height:90px}.header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.app-title{margin:0;font-size:20px}.status-chip{margin-left:10px;font-size:10px;padding:4px 12px}.tabs{gap:10px;justify-content:center}.tabs button{font-size:16px;padding:4px 10px}.system-stats{font-size:10px}#scrollToTop{width:40px;height:40px;font-size:20px}}@media (max-width: 480px){main{margin-top:70px}.app-header{height:70px}.app-title{font-size:16px}.status-chip{font-size:8px;padding:3px 8px}.tabs{gap:5px}.tabs button{font-size:12px}.system-stats{font-size:8px}#scrollToTop{width:40px;height:40px;font-size:20px;bottom:20px;right:20px}}.positions-container,.trades-container{margin:0 auto 60px}.positions-grid,.trades-grid{background:var(--card-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.positions-header,.trades-header{display:grid;padding:16px 20px;background:linear-gradient(135deg,#ff98001a,#ff98000d);border-bottom:1px solid var(--border-color);font-weight:600;color:var(--primary-orange);font-size:.9rem}.grid-positions-5{grid-template-columns:repeat(5,1fr);gap:10px}.grid-positions-7{grid-template-columns:repeat(8,1fr);gap:10px}.grid-trades-5{grid-template-columns:repeat(5,1fr);gap:10px}.grid-trades-7{grid-template-columns:repeat(6,1fr);gap:10px}.bots-title .pnl{-webkit-text-fill-color:initial;background:none}.pnl.red{color:red;font-size:25px;font-weight:500;margin-bottom:10px;display:flex;justify-content:center}.pnl.green{color:#32cd32;font-size:25px;font-weight:500;margin-bottom:10px;display:flex;justify-content:center}.position-row,.trade-row{display:grid;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;align-items:center;font-size:.9rem}.position-row:last-child,.trade-row:last-child{border-bottom:none}.position-pair,.trade-pair{font-weight:600}.position-side,.trade-action{font-weight:600;text-transform:uppercase;font-size:.8rem}.position-side.long{color:var(--success)}.position-side.short{color:var(--danger)}.no-positions,.no-trades,.no-bots{display:flex;justify-content:center;align-items:center;height:390px;color:var(--text-secondary);font-size:1.1rem;background:#ffffff05;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:.5rem}.no-bots{height:50px}.no-logs{display:flex;justify-content:center;align-items:center;margin-top:20px;height:173px;color:var(--text-secondary);font-size:1.1rem;background:#ffffff05;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:.5rem}.trades-stats{display:flex;gap:20px;justify-content:center}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border-color);border-radius:.5rem;padding:20px 24px;text-align:center;width:100px;transition:all .3s ease}.stat-label{display:block;color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-value.success{color:var(--success)}.stat-value.danger{color:var(--danger)}@media (max-width: 1050px){.positions-header,.trades-header{padding:5px 10px;font-size:12px}.grid-positions-7,.grid-trades-7{grid-template-columns:repeat(6,1fr)}.pnl.red,.pnl.green{font-size:20px;margin-bottom:10px}.position-row,.trade-row{padding:5px 10px;font-size:12px}.position-side,.trade-action{font-size:12px}.no-positions,.no-trades{height:200px;font-size:14px}.no-positions{height:390px;font-size:14px}.no-logs{margin-top:0;height:123px;font-size:14px}.trades-stats{gap:10px}.stat-card{padding:20px 24px;width:100px}.stat-label{font-size:14px}.stat-value{font-size:16px}.grid-positions-7 span:nth-child(7){display:none}.trades-symbol{font-size:16px}}@media (max-width: 480px){.grid-positions-7,.grid-trades-7,.grid-positions-5,.grid-trades-5{grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}.pnl.red,.pnl.green{font-size:16px;margin-bottom:5px}.position-row,.trade-row{padding:5px 10px;font-size:12px}.position-side,.trade-action{font-size:11px}.no-positions,.no-trades{height:150px;font-size:12px}.no-logs{margin-top:0;height:111px;font-size:12px}.trades-stats{gap:5px}.stat-card{padding:10px 12px;width:80px}.stat-label{font-size:12px}.stat-value{font-size:14px}.grid-positions-7 span:nth-child(4),.grid-positions-7 span:nth-child(5){display:none}.grid-positions-5 span:nth-child(5){display:none}.grid-trades-7 span:nth-child(4){display:none}.trades-symbol{font-size:12px}}.admin-main{padding:24px}.admin-panel{color:var(--text-primary)}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:linear-gradient(135deg,#11161d,#1a202c);box-shadow:0 0 10px #ff8c0026;width:100%;box-sizing:border-box;position:absolute;top:0;left:0;right:0;z-index:1000;height:70px;border-bottom:1px solid rgba(255,152,0,.2)}.admin-header-content{display:flex;flex-direction:column;justify-content:center}.admin-loading{text-align:center;font-size:1.5rem;margin-top:100px;color:var(--primary-orange)}.no-log{display:flex;justify-content:center;align-items:center;margin-top:20px;height:173px;color:var(--text-secondary);font-size:1.1rem;background:#ffffff05;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:.5rem;margin-bottom:30px}.refresh-btn{background-color:#ffffff05;color:#fff;padding:6px 14px;font-weight:600;border:none;cursor:pointer;margin-left:10px;transition:background-color .2s ease}.refresh-btn:hover{background-color:#333}.admin-title{font-size:1.3rem;font-weight:700;margin-bottom:20px;color:var(--primary-orange)}.clients-section,.logs-section{overflow-y:auto}.client-header h3{margin:0 0 5px;color:var(--success);font-size:1.1rem}.client-header small{display:block;color:#bbb;margin-bottom:3px}.client-bots{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.bot-section{margin-bottom:15px}.bot-type{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:20px;color:var(--primary-orange)}.status{padding:2px 8px;border-radius:.5rem;font-size:14px;font-weight:700}.status.running{background:var(--success);color:#000}.status.stopped{background:var(--danger);color:#000}.status.offline{background:#666;color:#000}.pairs-list{display:flex;flex-direction:column;gap:8px}.pair-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#11161d,#1a202c);border-radius:4px;border-left:3px solid var(--primary-orange)}.pair-name{font-weight:700;color:#61dafb;font-size:20px}.pair-controls{display:flex;align-items:center;gap:8px}.pair-status{font-size:1.2rem}.pairs-list button{padding:4px 10px;margin-left:8px;border:none;cursor:pointer;transition:background-color .2s ease;width:80px;color:#000}.btn-stop{background-color:#fd7e14}.btn-stop:hover{background-color:#e0a800}.btn-start{background-color:#28a745}.btn-start:hover{background-color:#218838}.admin-button{background:linear-gradient(45deg,#ff6b35,#f7931e)!important;border:2px solid #ff6b35!important}.admin-button:hover{background:linear-gradient(45deg,#e55a2b,#d67d1a)!important;transform:translateY(-3px)!important;box-shadow:0 6px 20px #ff6b3566!important}.client-selector .react-select__control{background:#ffffff05;border:1px solid var(--border-color);border-radius:.5rem;font-size:14px;padding:2px 4px;width:300px}.client-selector .react-select__control:hover,.client-selector .react-select__placeholder{border-color:var(--primary-orange)}.client-selector .react-select__control--is-focused{border-color:var(--primary-orange);box-shadow:none}.client-selector .react-select__input input{color:var(--text-primary)!important;caret-color:var(--primary-orange)}.client-selector .react-select__input-container{color:var(--text-primary)}.client-selector .react-select__menu{background:linear-gradient(135deg,#11161d,#1a202c);border:1px solid var(--border-color);border-radius:.5rem;z-index:1000}.client-selector .react-select__option{padding:6px 10px;color:var(--text-secondary)}.client-selector .react-select__option--is-focused{border-radius:.5rem;border:1px solid var(--primary-orange);background:#ffffff05}.client-selector .react-select__option--is-selected{background:#ffffff05;border:1px solid var(--border-color);border-radius:.5rem}.client-selector .react-select__single-value{color:var(--text-primary)}@media (max-width: 1050px){.admin-main{padding:10px;margin-top:50px}.admin-header{flex-direction:column;align-items:center;padding:8px 12px;height:50px}.admin-header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.no-log{margin-top:0;height:123px;font-size:14px}.refresh-btn{font-size:12px}.admin-title{font-size:16px;margin-bottom:10px}.client-header h3{font-size:18px}.bot-section{margin:0}.bot-type{font-size:16px}.status{font-size:14px}.pair-item{padding:8px 12px}.pair-name,.pair-status{font-size:14px}.pairs-list button{padding:4px 10px;margin-left:0;width:55px;font-size:12px}.client-selector .react-select__control{font-size:14px;padding:0}.client-selector .react-select__option{padding:5px 10px}}@media (max-width: 480px){.admin-main{padding:5px;margin-top:45px}.admin-header{height:45px}.no-log{margin-top:0;height:111px;font-size:12px}.refresh-btn{font-size:10px}.client-header h3{font-size:16px}.client-header small{font-size:10px}.bot-section{margin:0}.bot-type{font-size:14px}.status{font-size:12px}.pair-item{padding:5px 10px}.pair-name{font-size:12px}.pair-status{font-size:10px}.pairs-list button{padding:2px 5px;width:40px;font-size:10px}.client-selector .react-select__control{font-size:10px;padding:0;width:250px}.client-selector .react-select__option{padding:5px 10px}.client-selector .react-select__option{padding:4px 8px;font-size:10px}}