:root{color-scheme:dark;--bg:#050a12;--panel:#0a1422;--panel2:#0d1a2b;--line:#1b3045;--text:#e8f4ff;--muted:#7f9aaf;--cyan:#27d9ff;--green:#24e6a2;--pink:#ff4f9a;--amber:#ffc45c;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#102d46 0,transparent 42%),var(--bg);color:var(--text)}button,input,select{font:inherit}.shell{width:min(760px,100%);margin:auto;padding:env(safe-area-inset-top) 16px calc(28px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 2px}.brand{display:flex;align-items:center;gap:10px}.brand div{display:grid}.brand small{color:var(--muted);font-size:11px}.mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--cyan);border-radius:12px;background:#071a25;color:var(--cyan);font-weight:800;box-shadow:0 0 24px #27d9ff30}.badge{padding:7px 10px;border-radius:999px;background:#142234;color:var(--muted);font-size:12px;font-weight:700}.badge.live{background:#0c2c27;color:var(--green)}.panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#0c1827ee,#08111dee);box-shadow:0 18px 60px #0005}.login{max-width:460px;margin:8vh auto;padding:28px}.eyebrow{margin:0 0 5px;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.13em}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:25px}h2{margin-bottom:0;font-size:19px}.login p:not(.eyebrow){color:var(--muted);line-height:1.6}.login label,.grid label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:650}input,select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#07111e;color:var(--text);outline:none}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #27d9ff1f}input[type=range]{min-height:36px;padding:0;accent-color:var(--cyan)}button{min-height:44px;border:0;border-radius:12px;padding:10px 16px;font-weight:800;cursor:pointer}.primary,.start{background:linear-gradient(135deg,var(--cyan),#5b8cff);color:#04101a}.login .primary,.settings>.primary{width:100%;margin-top:16px}.hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px}.hero p:last-child{margin:0;color:var(--muted);font-size:13px}.hero .start{min-width:92px}.hero .stop{min-width:92px;background:#321526;color:#ff78af}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.stat{padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.stat span{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;margin-top:7px;font-size:20px}.settings,.activity{margin-top:12px;padding:20px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.switches{display:flex;gap:22px;margin-top:18px}.switch{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.switch input{display:none}.switch span{position:relative;width:38px;height:22px;border-radius:20px;background:#26384a}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#7890a3;transition:.2s}.switch input:checked+span{background:#126b62}.switch input:checked+span:after{left:19px;background:var(--green)}.risk{margin-top:16px;padding:12px;border-left:3px solid var(--amber);border-radius:8px;background:#ffc45c0d;color:#b9ccda;font-size:12px;line-height:1.55}.ghost{min-height:36px;padding:7px 10px;background:#142234;color:var(--muted)}.positions{display:grid;gap:8px}.position{display:flex;justify-content:space-between;padding:12px;border-radius:12px;background:var(--panel2);font-size:13px}.position small{color:var(--muted)}.empty{color:var(--muted);font-size:13px}pre{max-height:260px;overflow:auto;margin:16px 0 0;padding:14px;border-radius:12px;background:#040a11;color:#7fb4c8;font:11px/1.6 ui-monospace,monospace;white-space:pre-wrap}.error{min-height:20px;margin-top:12px!important;color:var(--pink)!important;font-size:12px}#saveState{color:var(--green);font-size:12px}@media(max-width:560px){.shell{padding-left:12px;padding-right:12px}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.grid{grid-template-columns:1fr}.hero,.settings,.activity{padding:16px}.hero h1{font-size:21px}.topbar{padding-top:14px}.login{margin-top:4vh}}
.trade-list-title{display:flex;align-items:center;justify-content:space-between;margin:2px 0 9px}.trade-list-title h3{margin:0;font-size:13px}.trade-list-title span{padding:3px 8px;border-radius:999px;background:#142234;color:var(--muted);font-size:11px}.closed-title{margin-top:18px}.history-list{padding-bottom:2px}.history-position>span{display:grid;gap:4px}.history-position>strong{text-align:right}.history-position>strong.metric-profit small{color:var(--green)}.history-position>strong.metric-loss small{color:var(--pink)}
.topbar-stack{display:grid;gap:8px}.topbar-stack .brand{gap:13px}.topbar-stack .brand strong{font-size:22px;line-height:1.08}.topbar-stack .brand small{font-size:12px;margin-top:4px}.topbar-stack .mark{width:46px;height:46px;font-size:19px;border-radius:13px}.topbar-stack .exchange-tabs{width:min(720px,calc(100vw - 110px));margin:0}.exchange-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px}.exchange-tab{height:34px;min-height:34px;padding:4px 10px;border:1px solid var(--line);border-radius:11px;background:#0b1b2d;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.05em;cursor:pointer;white-space:nowrap}.exchange-tab small{font-size:9px;color:#7992a7}.exchange-tab.live-tab small{color:#ff8db8}.exchange-tab.active{border-color:#25d7ff;background:linear-gradient(135deg,#06334a,#102a56);color:#fff;box-shadow:0 0 0 1px #25d7ff33 inset}.exchange-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:#52677d}.exchange-tab.running .exchange-dot{background:#20e5a5;box-shadow:0 0 10px #20e5a5}.exchange-tab.paused .exchange-dot{background:#ffbd3d}.exchange-select-fallback{display:none!important}@media(max-width:700px){.exchange-tabs{grid-template-columns:1fr 1fr}}@media(min-width:1100px){#appView{height:calc(100vh - 120px)}}
.exchange-mode-switch{display:none!important}
.topbar-actions{display:flex;align-items:center;gap:8px}.settings-trigger{min-height:34px;padding:6px 11px;border:1px solid var(--line);border-radius:10px;background:#0b1b2d;color:#b9ccda;font-size:12px}.settings-trigger:hover{border-color:var(--cyan);color:#fff}.settings-dialog{width:min(460px,calc(100vw - 24px));padding:20px;border:1px solid var(--line);border-radius:18px;background:#0a1726;color:var(--text);box-shadow:0 24px 80px #000b}.settings-dialog::backdrop{background:#020812b8;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-head h2{margin:0}.settings-dialog .password-box{margin:0}.settings-dialog .password-box .primary{width:100%;margin-top:14px}.settings-dialog label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:650}@media(max-width:700px){.topbar{align-items:flex-start}.topbar-actions{flex-direction:column;align-items:flex-end}.settings-trigger{font-size:11px}}
.badge.live{border:1px solid #20e5a5;background:#063c30;color:#55ffc4;box-shadow:0 0 8px #20e5a5,0 0 22px #20e5a566;text-shadow:0 0 8px #20e5a5}.hero.bot-live{border-color:#20e5a5;box-shadow:0 0 0 1px #20e5a544 inset,0 0 26px #20e5a533,0 18px 60px #0005}.hero.bot-live #botState{color:#55ffc4;text-shadow:0 0 10px #20e5a5}.hero.bot-live:before{content:"";width:9px;height:9px;border-radius:50%;background:#55ffc4;box-shadow:0 0 7px #20e5a5,0 0 18px #20e5a5;animation:botPulse 1.4s ease-in-out infinite}@keyframes botPulse{50%{opacity:.45;transform:scale(.82)}}
.topbar-actions #runBadge{display:none}
.bot-control-copy{display:flex;align-items:center;gap:18px}.bot-control-text{display:grid;align-content:center}.bot-control-text .eyebrow{margin-bottom:5px}.bot-control-text h1{margin:0 0 8px}.bot-control-text #modeText{margin:0}.bot-control-copy .quantum-core{width:52px;height:52px;flex-basis:52px;margin:0 0 0 -4px}
.quantum-core{cursor:pointer}.quantum-core u{display:none;position:absolute;inset:0;place-items:center;font-size:38px;line-height:1;text-decoration:none;transform:rotate(-12deg);filter:drop-shadow(0 0 8px #27d9ffaa)}.quantum-core.rocket-mode i,.quantum-core.rocket-mode span,.quantum-core.rocket-mode b,.quantum-core.rocket-mode em{display:none}.quantum-core.rocket-mode u{display:grid}.hero.bot-live .quantum-core.rocket-mode{animation:rocketHover 1.8s ease-in-out infinite}.hero.bot-live .quantum-core.rocket-mode u{filter:drop-shadow(0 0 9px #55ffc4)}@keyframes rocketHover{50%{transform:translate(2px,-3px) rotate(2deg)}}
.hero.bot-live:before{display:none}.bot-control-copy{gap:12px}.quantum-core i:after,.quantum-core span:after,.quantum-core b:after{content:"";position:absolute;right:-3px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#8fffe0;box-shadow:0 0 5px #fff,0 0 10px #20e5a5}.hero.bot-live .quantum-core i{animation-duration:1.5s}.hero.bot-live .quantum-core span{animation-duration:2.1s;animation-direction:reverse}.hero.bot-live .quantum-core b{animation-duration:2.8s}.quantum-core u svg{width:52px;height:52px;overflow:visible}.quantum-core .ship-body{fill:#092334;stroke:#27d9ff;stroke-width:2}.quantum-core .ship-glass{fill:#27d9ff33;stroke:#7aeaff;stroke-width:2}.quantum-core .ship-wing{fill:none;stroke:#27d9ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.quantum-core .ship-flame{fill:#ffb84a55;stroke:#ffb84a;stroke-width:2;stroke-linejoin:round}.hero.bot-live .quantum-core .ship-body,.hero.bot-live .quantum-core .ship-wing{stroke:#55ffc4}.hero.bot-live .quantum-core .ship-glass{fill:#55ffc444;stroke:#d9fff7}.hero.bot-live .quantum-core .ship-flame{animation:shipFlame .35s ease-in-out infinite alternate;transform-origin:32px 47px}@keyframes shipFlame{to{transform:scaleY(1.28);filter:drop-shadow(0 0 5px #ffb84a)}}
.quantum-core i>small,.quantum-core span>small,.quantum-core b>small{position:absolute;display:block;right:-5px;top:50%;width:8px;height:8px;margin-top:-4px;border:1px solid #fff;border-radius:50%;background:#55ffc4;box-shadow:0 0 4px #fff,0 0 9px #55ffc4,0 0 16px #20e5a5;z-index:4}.quantum-core.rocket-mode i>small,.quantum-core.rocket-mode span>small,.quantum-core.rocket-mode b>small{display:none}
.hero{position:relative}.hero.bot-live:before{content:"";display:block;position:absolute;left:14px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#55ffc4;box-shadow:0 0 5px #fff,0 0 11px #20e5a5,0 0 20px #20e5a588;animation:botPulse 1.4s ease-in-out infinite;pointer-events:none}
.quantum-core i>small:before,.quantum-core span>small:before,.quantum-core b>small:before,.quantum-core i>small:after,.quantum-core span>small:after,.quantum-core b>small:after{content:"";position:absolute;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:#55ffc4;box-shadow:0 0 4px #fff,0 0 9px #20e5a5}.quantum-core i>small:before,.quantum-core span>small:before,.quantum-core b>small:before{left:-23px;top:-8px}.quantum-core i>small:after,.quantum-core span>small:after,.quantum-core b>small:after{left:-39px;top:8px}.hero.bot-live .quantum-core i{animation:quantumFastA .85s linear infinite}.hero.bot-live .quantum-core span{animation:quantumFastB 1.15s linear infinite}.hero.bot-live .quantum-core b{animation:quantumFastC 1.45s linear infinite}.hero.bot-live .quantum-core em{animation:quantumNucleus .55s ease-in-out infinite alternate}@keyframes quantumFastA{from{transform:rotate(0deg) scaleX(1.08)}to{transform:rotate(360deg) scaleX(1.08)}}@keyframes quantumFastB{from{transform:rotate(60deg) scaleX(.92)}to{transform:rotate(-300deg) scaleX(.92)}}@keyframes quantumFastC{from{transform:rotate(-60deg) scaleX(1.18)}to{transform:rotate(300deg) scaleX(1.18)}}@keyframes quantumNucleus{to{transform:scale(1.35);box-shadow:0 0 8px #fff,0 0 19px #55ffc4,0 0 32px #20e5a5}}
.quantum-core .atom-svg{position:absolute;inset:-6px;width:64px;height:64px;overflow:visible;filter:drop-shadow(0 0 5px #27d9ff88)}.atom-orbits ellipse{fill:none;stroke:#27d9ff;stroke-width:1.4;opacity:.75}.atom-nucleus{fill:#55ffc4;stroke:#fff;stroke-width:1;filter:drop-shadow(0 0 5px #20e5a5)}.atom-electrons circle{fill:#fff;stroke:#55ffc4;stroke-width:1.5;filter:drop-shadow(0 0 4px #20e5a5)}.quantum-core.rocket-mode .atom-svg{display:none}.hero.bot-live .atom-orbits ellipse{stroke:#55ffc4;opacity:1}.hero.bot-live .atom-nucleus{animation:svgNucleus .55s ease-in-out infinite alternate}@keyframes svgNucleus{to{r:8px;opacity:.75}}
.bot-status-title{display:flex;align-items:center;gap:8px;height:33px}.bot-status-title h1{margin:0}.bot-status-title .quantum-core{width:42px;height:42px;flex-basis:42px;margin:0}.bot-status-title .quantum-core .atom-svg{inset:-5px;width:52px;height:52px}.hero.bot-live #botState{text-shadow:0 0 4px #20e5a577}
.hero .bot-control-copy{margin-left:15px}.bot-status-title{gap:15px}
.bot-status-title{gap:22px}.bot-status-title .quantum-core{transform:translateY(-5px)}.bot-status-title .quantum-core.rocket-mode{transform:translateY(-5px)}.bot-control-text #modeText{margin-top:3px}
.bot-status-title .quantum-core{margin-left:5px}
.hero:not(.bot-live):before{content:""!important;display:block!important;position:absolute;left:14px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#52677d!important;box-shadow:none!important;transform:translateY(-4px);animation:none!important;pointer-events:none}
.hero.bot-live:before{transform:translateY(-4px)}
.quantum-core .atom-nucleus{fill:#27d9ff;stroke:#b9f5ff;filter:drop-shadow(0 0 4px #27d9ff)}.quantum-core .atom-electrons circle{fill:#8eeeff;stroke:#27d9ff;filter:drop-shadow(0 0 3px #27d9ff)}.hero.bot-live .atom-nucleus{fill:#55ffc4;stroke:#fff;filter:drop-shadow(0 0 5px #20e5a5)}.hero.bot-live .atom-electrons circle{fill:#fff;stroke:#55ffc4;filter:drop-shadow(0 0 4px #20e5a5)}
.bot-status-title h1{width:180px;min-width:180px;white-space:nowrap;font-size:23px}.bot-status-title .quantum-core{margin-left:8px}@media(max-width:560px){.bot-status-title h1{width:150px;min-width:150px;font-size:20px}.bot-status-title{gap:6px}.bot-status-title .quantum-core{margin-left:0}}
.bot-status-title .quantum-core{margin-left:-44px}
.hero.bot-live:before,.hero:not(.bot-live):before{width:13px!important;height:19px!important;left:11px!important;top:50%!important;margin:0!important;border:0!important;border-radius:60% 60% 42% 42%!important;clip-path:polygon(50% 0,82% 24%,90% 68%,100% 88%,67% 78%,50% 100%,33% 78%,0 88%,10% 68%,18% 24%)!important;transform:translateY(-50%) rotate(38deg)!important}.hero.bot-live:before{background:linear-gradient(135deg,#e8fff8 0 24%,#55ffc4 25% 68%,#20a77c 69%)!important;box-shadow:0 0 5px #fff,0 0 12px #20e5a5,0 0 22px #20e5a588!important;animation:rocketIndicator 1.15s ease-in-out infinite!important}.hero:not(.bot-live):before{background:linear-gradient(135deg,#9aabba,#52677d)!important;opacity:.65}@keyframes rocketIndicator{50%{transform:translate(2px,-55%) rotate(38deg) scale(1.06)}}
.hero.bot-live:before,.hero:not(.bot-live):before{content:none!important;display:none!important}.hero .bot-control-copy{margin-left:58px}.bot-status-title .quantum-core{position:absolute;left:18px;top:50%;margin:0;transform:translateY(-50%)}.bot-status-title .quantum-core.rocket-mode{transform:translateY(-50%)}
.bot-status-title .quantum-core.rocket-mode{transform:translateY(-64%)}.hero.bot-live .quantum-core.rocket-mode{animation:rocketHoverRaised 1.8s ease-in-out infinite}@keyframes rocketHoverRaised{0%,100%{transform:translate(0,-64%) rotate(0)}50%{transform:translate(2px,-72%) rotate(2deg)}}
.hero.bot-live .quantum-core.rocket-mode{animation:none;transform:translateY(-64%)}.hero.bot-live .quantum-core.rocket-mode u{animation:rocketIconHover 1.8s ease-in-out infinite}@keyframes rocketIconHover{0%,100%{transform:rotate(-12deg)}50%{transform:translate(2px,-3px) rotate(-10deg)}}
.hero .bot-control-copy{margin-left:68px}
.pin-change-state{margin:10px 0 0;color:var(--muted);font-size:12px}.pin-change-state.error{color:var(--pink)}.pin-change-state.success{color:var(--green)}
.hud-analysis-box{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.hud-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hud-analysis-grid.recommendation-cards article{position:relative;display:grid;align-content:center;gap:6px;min-height:94px;padding:12px 13px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#0e2032,#091624)}.hud-analysis-grid.recommendation-cards article:after{content:"";position:absolute;right:-23px;bottom:-31px;width:78px;height:78px;border-radius:50%;background:var(--card-glow,#27d9ff);filter:blur(38px);opacity:.13}.recommend-card small{color:var(--muted);font-size:10px}.recommend-card strong{position:relative;z-index:1;color:var(--card-tone,var(--cyan));font-size:18px;line-height:1.25}.recommend-card b{font-size:11px}.recommend-card em{color:var(--muted);font-size:10px;font-style:normal}.recommend-card.entry{--card-tone:#27d9ff;--card-glow:#27d9ff}.recommend-card.take-profit{--card-tone:#55ffc4;--card-glow:#20e5a5}.recommend-card.stop-loss{--card-tone:#ff4b9b;--card-glow:#ff4b9b}.recommend-card.leverage{--card-tone:#ffc857;--card-glow:#ffc857}@media(max-width:900px){.hud-analysis-grid{grid-template-columns:1fr}}
.hud-analysis-grid.provisional article{border-color:#ffc85733}
.recommendation-apply{width:100%;min-height:46px;align-self:end;margin:0;border:1px solid #27d9ff77;color:#bfefff;background:linear-gradient(135deg,#103047,#12233f)}.recommendation-apply:not(:disabled):hover{border-color:var(--cyan);box-shadow:0 0 16px #27d9ff24}.recommendation-apply:disabled{cursor:not-allowed;opacity:.48}
.hero.bot-live .quantum-core.rocket-mode{animation:rocketRise 1.8s ease-in-out infinite}.hero.bot-live .quantum-core.rocket-mode u{animation:none}@keyframes rocketRise{0%,100%{transform:translate(0,-64%) rotate(0)}50%{transform:translate(2px,-82%) rotate(2deg)}}
.bot-status-title .quantum-core:not(.rocket-mode){top:47%;left:22px}
.hero.bot-live .quantum-core.rocket-mode{animation:rocketWideFlight 2s ease-in-out infinite}@keyframes rocketWideFlight{0%,100%{transform:translate(0,-56%) rotate(-1deg)}50%{transform:translate(1px,-74%) rotate(1deg)}}
.hero.bot-live .quantum-core:not(.rocket-mode){filter:drop-shadow(0 0 4px #20e5a577)}.hero.bot-live .quantum-core:not(.rocket-mode) .atom-svg{filter:drop-shadow(0 0 3px #20e5a566)}.hero.bot-live .quantum-core:not(.rocket-mode) .atom-nucleus{filter:drop-shadow(0 0 3px #20e5a5)}.hero.bot-live .quantum-core:not(.rocket-mode) .atom-electrons circle{filter:drop-shadow(0 0 2px #20e5a5)}
.hero.bot-live .quantum-core.rocket-mode{filter:drop-shadow(0 0 4px #20e5a566)}.hero.bot-live .quantum-core.rocket-mode u{filter:drop-shadow(0 0 4px #55ffc477)}
.bot-status-title{display:flex;align-items:center;gap:12px}.bot-status-title h1{margin-bottom:8px}.quantum-core{position:relative;width:44px;height:44px;flex:0 0 44px;margin-top:-5px;filter:drop-shadow(0 0 6px #27d9ff88)}.quantum-core i,.quantum-core span,.quantum-core b{position:absolute;left:4px;top:13px;width:36px;height:17px;border:1.5px solid #27d9ff;border-radius:50%;transform-origin:center}.quantum-core span{transform:rotate(60deg)}.quantum-core b{transform:rotate(-60deg)}.quantum-core em{position:absolute;left:18px;top:18px;width:8px;height:8px;border-radius:50%;background:#27d9ff;box-shadow:0 0 7px #27d9ff,0 0 16px #27d9ff88}.hero.bot-live .quantum-core{filter:drop-shadow(0 0 8px #20e5a5)}.hero.bot-live .quantum-core i{border-color:#55ffc4;animation:quantumOrbitA 2.5s linear infinite}.hero.bot-live .quantum-core span{border-color:#55ffc4;animation:quantumOrbitB 2s linear infinite}.hero.bot-live .quantum-core b{border-color:#55ffc4;animation:quantumOrbitC 3s linear infinite}.hero.bot-live .quantum-core em{background:#fff;box-shadow:0 0 6px #fff,0 0 13px #55ffc4,0 0 24px #20e5a5;animation:quantumPulse 1.2s ease-in-out infinite}@keyframes quantumOrbitA{to{transform:rotate(360deg)}}@keyframes quantumOrbitB{from{transform:rotate(60deg)}to{transform:rotate(420deg)}}@keyframes quantumOrbitC{from{transform:rotate(-60deg)}to{transform:rotate(300deg)}}@keyframes quantumPulse{50%{transform:scale(.65);opacity:.7}}
.project-tabs{display:flex;gap:6px;margin-top:6px}.project-tab{border:1px solid #1c3850;background:#0b1b2d;color:#8fa9bd;border-radius:10px;padding:6px 16px;font-weight:800;cursor:pointer}.project-tab.active{color:#07111f;background:linear-gradient(135deg,#2bd6ef,#5a8cff);border-color:#38d9ff;box-shadow:0 0 18px #16d9ff33}.project-tab.running:not(.active){color:#35f0b5;border-color:#15966f}.project-model-note{color:#2bd6ef;font-size:13px;font-weight:800;margin:4px 0 10px}
.project-account-selector{margin-top:0}.project-account-selector>label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:650}.project-account-selector #ACCOUNT_PROFILE{font-weight:800;color:#e8f4ff}
#TRADINGVIEW_ALERT_JSON{width:100%;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:12px;background:#07111e;color:#8de8ff;font:12px/1.45 ui-monospace,monospace}
.webhook-state{margin:8px 0 12px;padding:9px 11px;border-radius:10px;font-size:12px}.webhook-state.waiting{color:#ffc45c;background:#ffc45c12}.webhook-state.connected{color:#35f0b5;background:#20e5a512}
[hidden] { display: none !important; }

.bot-account-selector {
  width: 150px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.bot-account-selector legend { padding: 0 2px; color: #4bdcff; font-size: 9px; }
.bot-account-selector select { min-width: 0; width: 150px; height: 42px; padding: 0 11px; font-size: 13px; font-weight: 850; }
.hero { display:grid; grid-template-columns:minmax(190px,1fr) 150px 126px; align-items:center; gap:8px; padding-left:16px; padding-right:16px; }
.hero .bot-control-copy { min-width:0; margin-left:48px; }
.hero .bot-status-title h1 { width:auto; min-width:0; white-space:nowrap; }
.hero #toggleBtn { width:126px; min-width:0; padding-left:10px; padding-right:10px; white-space:nowrap; }
@media(max-width:700px){
  .hero{grid-template-columns:1fr 1fr}
  .hero .bot-control-copy{grid-column:1/-1}
  .bot-account-selector{width:100%}
  .bot-account-selector select{width:100%}
  .hero #toggleBtn{width:100%}
}

.tradingview-signal-card > div:first-child{display:grid;gap:3px}.signal-time{display:block;color:var(--muted);font-size:10px;font-weight:600;white-space:nowrap}

.api-account-manager{display:grid;gap:12px}
.api-account-actions{display:flex;justify-content:flex-end;gap:8px}
.api-account-actions button{width:auto;min-width:112px}
.api-account-list{display:grid;gap:8px;margin-top:2px}
.api-account-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#081522}
.api-account-row div{display:grid;gap:3px;min-width:0}
.api-account-row strong,.api-account-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.api-account-row small{color:var(--muted)}
.api-account-row button{width:auto;min-width:0;padding:7px 10px}
.api-account-row .danger{color:#ff5c9d;border-color:#6f2547}

/* Mobile BOT control: keep the status, account and action on a stable grid. */
@media (max-width:700px){
  .api-account-row{grid-template-columns:minmax(0,1fr) auto auto}
  .api-account-row .credential-ok{grid-column:1/-1;grid-row:2}
  .hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    align-items:center;
    gap:14px 12px;
    min-height:0;
    padding:16px;
  }
  .hero .bot-control-copy{
    position:relative;
    grid-column:1;
    grid-row:1;
    min-width:0;
    margin:0!important;
    padding-left:58px;
  }
  .hero .bot-control-text{min-width:0}
  .hero .bot-status-title{display:block;height:auto;min-height:0}
  .hero .bot-status-title h1{
    width:auto;
    min-width:0;
    margin:0 0 5px;
    font-size:22px;
    line-height:1.15;
    white-space:nowrap;
  }
  .hero .bot-control-text .eyebrow{margin-bottom:4px}
  .hero .bot-control-text #modeText{
    margin:0;
    font-size:12px;
    line-height:1.3;
    white-space:nowrap;
  }
  .hero .bot-status-title .quantum-core,
  .hero .bot-status-title .quantum-core:not(.rocket-mode),
  .hero .bot-status-title .quantum-core.rocket-mode{
    position:absolute;
    left:2px;
    top:50%;
    width:44px;
    height:44px;
    margin:0;
    transform:translateY(-50%);
  }
  .hero.bot-live .quantum-core.rocket-mode{animation:mobileRocketFlight 2s ease-in-out infinite}
  @keyframes mobileRocketFlight{
    0%,100%{transform:translateY(-50%) rotate(-1deg)}
    50%{transform:translate(1px,-59%) rotate(1deg)}
  }
  .hero #toggleBtn{
    grid-column:2;
    grid-row:1;
    width:auto;
    min-width:112px;
    max-width:132px;
    min-height:46px;
    padding:10px 14px;
    font-size:14px;
    white-space:nowrap;
  }
  .hero .bot-account-selector{
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    min-width:0;
    margin:0;
  }
  .hero .bot-account-selector legend{
    margin-left:2px;
    padding:0 3px;
    font-size:10px;
    line-height:1.2;
  }
  .hero .bot-account-selector select{
    width:100%;
    height:46px;
    min-height:46px;
    padding:0 13px;
    font-size:14px;
  }
  .topbar-metrics{gap:8px}
  .top-metric{min-height:72px;padding:11px 12px}
  .top-metric strong{font-size:14px}
  .top-metric:last-child{grid-column:auto}
}

@media (max-width:390px){
  .hero{gap:12px 9px;padding:14px}
  .hero .bot-control-copy{padding-left:50px}
  .hero .bot-status-title h1{font-size:20px}
  .hero .bot-status-title .quantum-core,
  .hero .bot-status-title .quantum-core:not(.rocket-mode),
  .hero .bot-status-title .quantum-core.rocket-mode{left:0;width:40px;height:40px}
  .hero .bot-status-title .quantum-core .atom-svg{width:48px;height:48px}
  .hero #toggleBtn{min-width:100px;padding:9px 11px;font-size:13px}
}

/* Final BOT control alignment: atom, status, account and action stay on-grid. */
.hero{
  grid-template-columns:minmax(240px,1fr) 170px 126px;
  gap:12px;
  padding:15px 16px;
}
.hero .bot-control-copy{
  position:relative;
  min-width:0;
  margin:0!important;
  padding-left:76px;
}
.hero .bot-status-title .quantum-core,
.hero .bot-status-title .quantum-core:not(.rocket-mode),
.hero .bot-status-title .quantum-core.rocket-mode{
  left:10px;
  top:50%;
  margin:0;
  transform:translateY(-50%);
}
.hero .bot-account-selector{
  width:170px;
  min-height:56px;
  margin:0;
  padding:5px 10px 7px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#081522;
}
.hero .bot-account-selector legend{
  margin-left:0;
  padding:0 3px;
  font-size:10px;
  line-height:1;
}
.hero .bot-account-selector select{
  width:100%;
  height:32px;
  min-height:32px;
  padding:0 2px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  font-size:14px;
}
.hero #toggleBtn{width:126px;min-height:56px}

@media(max-width:700px){
  .hero{
    grid-template-columns:minmax(0,1fr) minmax(118px,auto);
    grid-template-rows:auto auto;
    gap:13px 12px;
    padding:16px;
  }
  .hero .bot-control-copy{
    grid-column:1/-1;
    grid-row:1;
    padding-left:72px;
  }
  .hero .bot-account-selector{
    grid-column:1;
    grid-row:2;
    width:100%;
  }
  .hero #toggleBtn{
    grid-column:2;
    grid-row:2;
    width:100%;
    min-width:118px;
    max-width:none;
    min-height:56px;
  }
}

/* Compact BOT control: final override, after the legacy alignment rules. */
.hero{
  grid-template-columns:minmax(0,1fr) minmax(130px,145px) 120px;
  column-gap:9px;
  width:100%;
  min-width:0;
  overflow:hidden;
}
.hero .bot-control-copy{min-width:0;padding-left:68px}
.hero .bot-account-selector{
  width:100%;
  min-width:0;
  padding:5px 9px 7px;
}
.hero .bot-account-selector select{
  width:100%;
  min-width:0;
  padding-right:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
.hero #toggleBtn{
  width:100%;
  min-width:0;
  max-width:120px;
  padding-left:10px;
  padding-right:10px;
  white-space:nowrap;
}
@media(max-width:700px){
  .hero{
    grid-template-columns:minmax(0,1fr) minmax(112px,128px);
    column-gap:10px;
  }
  .hero .bot-control-copy{padding-left:64px}
  .hero .bot-account-selector{grid-column:1;grid-row:2}
  .hero #toggleBtn{grid-column:2;grid-row:2;max-width:none}
}