@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=VT323&display=swap";:root{--neon-cyan:#00f5ff;--neon-magenta:#ff00de;--neon-green:#39ff14;--neon-yellow:#ffea00;--neon-orange:#ff6b00;--neon-red:#ff0040;--bg-color:#050714;--bg-secondary:#0a0e2e;--panel-bg:#050a28d9;--panel-hover:#00f5ff0d;--grid-color:#00f5ff0f;--text-main:#c8d0e8;--text-muted:#5a6080;--border-dim:#00f5ff33;--border-glow:#00f5ffb3;--font-retro:"Share Tech Mono", monospace;--font-vt:"VT323", monospace;--shadow-cyan:0 0 12px #00f5ff66;--shadow-magenta:0 0 12px #ff00de66}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-retro);background-color:var(--bg-color);color:var(--text-main);background-image:linear-gradient(0deg,#00f5ff0f 1px,#0000 1px),linear-gradient(90deg,#00f5ff0f 1px,#0000 1px);background-size:40px 40px;box-shadow:inset 0 0 120px #000c!important}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 4px);position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--font-vt);letter-spacing:2px}a{color:var(--neon-cyan);text-decoration:none}.neon-cyan{color:var(--neon-cyan)}.neon-magenta{color:var(--neon-magenta)}.neon-green{color:var(--neon-green)}.neon-yellow{color:var(--neon-yellow)}.neon-red{color:var(--neon-red)}.neon-orange{color:var(--neon-orange)}.glow-cyan{text-shadow:0 0 8px var(--neon-cyan), 0 0 20px var(--neon-cyan)}.glow-magenta{text-shadow:0 0 8px var(--neon-magenta), 0 0 20px var(--neon-magenta)}.glow-green{text-shadow:0 0 8px var(--neon-green), 0 0 20px var(--neon-green)}.panel{background:var(--panel-bg);border:1px solid var(--border-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:2px;padding:1.25rem;position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-cyan), transparent);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.panel.magenta:before{background:linear-gradient(90deg, transparent, var(--neon-magenta), transparent)}.panel.green:before{background:linear-gradient(90deg, transparent, var(--neon-green), transparent)}.btn{font-family:var(--font-retro);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;border:1px solid;border-radius:2px;justify-content:center;align-items:center;gap:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .15s;display:inline-flex}.btn-cyan{color:var(--neon-cyan);border-color:var(--neon-cyan)}.btn-cyan:hover:not(:disabled){background:var(--neon-cyan);color:#000;box-shadow:0 0 20px var(--neon-cyan)}.btn-magenta{color:var(--neon-magenta);border-color:var(--neon-magenta)}.btn-magenta:hover:not(:disabled){background:var(--neon-magenta);color:#000;box-shadow:0 0 20px var(--neon-magenta)}.btn-green{color:var(--neon-green);border-color:var(--neon-green)}.btn-green:hover:not(:disabled){background:var(--neon-green);color:#000;box-shadow:0 0 20px var(--neon-green)}.btn-red{color:var(--neon-red);border-color:var(--neon-red)}.btn-red:hover:not(:disabled){background:var(--neon-red);color:#fff;box-shadow:0 0 20px var(--neon-red)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-full{width:100%}.inp{border:1px solid var(--border-dim);color:var(--neon-cyan);font-family:var(--font-retro);background:#0009;border-radius:2px;outline:none;width:100%;padding:.55rem .75rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.inp:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f5ff40}.inp::placeholder{color:var(--text-muted)}select.inp>option{background:var(--bg-secondary);color:var(--neon-cyan)}textarea.inp{resize:vertical;min-height:80px}.form-field{flex-direction:column;gap:6px;margin-bottom:1rem;display:flex}.form-field label{color:var(--text-muted);letter-spacing:1px;font-size:.8rem}.badge{letter-spacing:1px;text-transform:uppercase;border:1px solid;border-radius:2px;padding:2px 8px;font-size:.75rem;display:inline-block}.badge-cyan{color:var(--neon-cyan);border-color:var(--neon-cyan)}.badge-magenta{color:var(--neon-magenta);border-color:var(--neon-magenta)}.badge-green{color:var(--neon-green);border-color:var(--neon-green)}.badge-yellow{color:var(--neon-yellow);border-color:var(--neon-yellow)}.badge-red{color:var(--neon-red);border-color:var(--neon-red)}.badge-gray{color:var(--text-muted);border-color:var(--text-muted)}.retro-table{border-collapse:collapse;width:100%;font-size:.85rem}.retro-table th{text-align:left;color:var(--neon-cyan);border-bottom:1px solid var(--border-dim);letter-spacing:1px;padding:.6rem .8rem;font-size:.8rem}.retro-table td{color:var(--text-main);border-bottom:1px solid #00f5ff0d;padding:.65rem .8rem}.retro-table tr:hover td{background:var(--panel-hover)}.loading-state{height:200px;color:var(--neon-cyan);letter-spacing:4px;justify-content:center;align-items:center;font-size:1.2rem;animation:1.2s infinite alternate pulse;display:flex}.empty-state{text-align:center;color:var(--text-muted);letter-spacing:2px;padding:3rem;font-size:1rem}@keyframes pulse{0%{opacity:.4}to{opacity:1}}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.85rem}.text-xs{color:var(--text-muted);font-size:.75rem}.text-lg{font-size:1.2rem}.text-xl{font-size:1.6rem}.font-bold{font-weight:700}.w-full{width:100%}.opacity-dim{opacity:.5}.cursor-pointer{cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00f5ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes neonPulse{0%,to{box-shadow:var(--shadow-cyan)}50%{box-shadow:0 0 25px #00f5ffcc}}.animate-in{animation:.3s forwards fadeIn}.blink{animation:1s infinite blink}.app-shell{gap:12px;width:100vw;height:100vh;padding:12px;display:flex;overflow:hidden}.sidebar{flex-direction:column;width:240px;min-width:240px;height:100%;display:flex;overflow:hidden}.brand-block{text-align:center;border-bottom:1px solid var(--border-dim);margin-bottom:1.25rem;padding:.5rem 0 1.5rem}.brand-title{font-family:var(--font-vt);color:var(--neon-cyan);text-shadow:0 0 12px var(--neon-cyan), 0 0 30px #00f5ff66;letter-spacing:4px;font-size:2.8rem;line-height:1}.brand-sub{color:var(--neon-magenta);letter-spacing:3px;text-shadow:0 0 8px var(--neon-magenta);margin-top:2px;font-size:.75rem;display:block}.nav-section{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.nav-item{color:var(--text-muted);letter-spacing:1px;cursor:pointer;width:100%;font-size:.85rem;font-family:var(--font-retro);background:0 0;border:1px solid #0000;border-radius:2px;align-items:center;gap:10px;padding:.7rem 1rem;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--neon-cyan);border-color:var(--border-dim);background:var(--panel-hover)}.nav-item.active{color:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:inset 2px 0 0 var(--neon-cyan);background:#00f5ff14}.nav-item .notif-count{background:var(--neon-magenta);color:#000;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:auto;font-size:.65rem;font-weight:700;display:flex}.sidebar-footer{border-top:1px solid var(--border-dim);flex-direction:column;gap:8px;margin-top:1rem;padding-top:1rem;display:flex}.mode-badge-bar{text-align:center;border:1px solid var(--border-dim);letter-spacing:2px;padding:4px;font-size:.75rem}.mode-badge-bar.learning{color:var(--neon-cyan);border-color:var(--neon-cyan)}.mode-badge-bar.live{color:var(--neon-green);border-color:var(--neon-green);animation:2s infinite neonPulse}.mode-badge-bar.pause{color:var(--neon-yellow);border-color:var(--neon-yellow)}.main-content{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex;overflow:hidden}.topbar{justify-content:space-between;align-items:center;min-height:54px;padding:.75rem 1.25rem;display:flex}.topbar-left{align-items:center;gap:16px;display:flex}.status-pill{letter-spacing:1px;color:var(--neon-green);align-items:center;gap:6px;font-size:.8rem;display:flex}.status-dot{background:var(--neon-green);width:8px;height:8px;box-shadow:0 0 6px var(--neon-green);border-radius:50%;animation:2.5s infinite blink}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-username{color:var(--text-muted);font-size:.8rem}.content-area{flex:1;padding-right:4px;overflow-y:auto}.page-title{font-family:var(--font-vt);letter-spacing:3px;margin-bottom:1.5rem;padding-bottom:6px;font-size:2rem;display:inline-block;position:relative}.page-title:after{content:"";background:linear-gradient(90deg, var(--neon-cyan), transparent);width:100%;height:1px;position:absolute;bottom:0;left:0}.page-title.magenta:after{background:linear-gradient(90deg, var(--neon-magenta), transparent)}.page-title.green:after{background:linear-gradient(90deg, var(--neon-green), transparent)}.login-bg{background:radial-gradient(ellipse at 50% 120%, #00f5ff1f 0%, transparent 65%), radial-gradient(ellipse at 80% 30%, #ff00de14 0%, transparent 60%), var(--bg-color);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.login-grid{pointer-events:none;background-color:#0000;background-image:linear-gradient(0deg,#00f5ff0f 1px,#0000 1px),linear-gradient(90deg,#00f5ff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:50px 50px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:50%;animation:15s linear infinite gridScroll;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000c);mask-image:linear-gradient(#0000 0%,#000c)}@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 50px}}.login-card{z-index:10;width:100%;max-width:580px;animation:.5s fadeIn}.login-ascii{text-align:center;margin-bottom:1.5rem;overflow:hidden}.login-ascii pre{letter-spacing:0;white-space:pre;font-size:.42rem;line-height:1.1}.login-tagline{letter-spacing:3px;text-shadow:0 0 8px var(--neon-magenta);margin-top:8px;font-size:.8rem}.login-tabs{border-bottom:1px solid var(--border-dim);margin-bottom:1.5rem;display:flex}.login-tab{color:var(--text-muted);font-family:var(--font-retro);letter-spacing:2px;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem;font-size:.8rem;transition:all .2s}.login-tab:hover{color:var(--neon-cyan)}.login-tab.active{color:var(--neon-cyan);border-bottom-color:var(--neon-cyan);text-shadow:0 0 6px var(--neon-cyan)}.login-form{flex-direction:column;display:flex}.login-error{border:1px solid var(--neon-red);color:var(--neon-red);text-shadow:0 0 6px var(--neon-red);background:#ff00401a;margin-bottom:1rem;padding:.6rem .8rem;font-size:.85rem;animation:.2s fadeIn}.login-footer{text-align:center;color:var(--text-muted);margin-top:1.5rem}.dashboard{padding-bottom:2rem}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:1.5rem;display:grid}.stat-card{flex-direction:column;gap:6px;padding:1.2rem;display:flex}.stat-card.green:before{background:linear-gradient(90deg, transparent, var(--neon-green), transparent)}.stat-card.red:before{background:linear-gradient(90deg, transparent, var(--neon-red), transparent)}.stat-card.magenta:before{background:linear-gradient(90deg, transparent, var(--neon-magenta), transparent)}.stat-card.yellow:before{background:linear-gradient(90deg, transparent, var(--neon-yellow), transparent)}.stat-icon{color:var(--text-muted);margin-bottom:4px}.stat-label{letter-spacing:1px;color:var(--text-muted)}.stat-value{font-family:var(--font-vt);letter-spacing:2px;font-size:2rem;line-height:1}.dashboard-bottom{grid-template-columns:1fr 280px;gap:12px;display:grid}@media (width<=900px){.dashboard-bottom{grid-template-columns:1fr}}.section-title{font-family:var(--font-vt);letter-spacing:2px;align-items:center;font-size:1.2rem;display:flex}.log-list{flex-direction:column;gap:2px;display:flex}.log-row{border-bottom:1px solid var(--grid-color);flex-wrap:wrap;align-items:baseline;gap:10px;padding:6px 0;display:flex}.log-row:last-child{border-bottom:none}.log-time{min-width:130px}.log-type{min-width:110px;font-size:.65rem}.log-msg{color:var(--text-main);flex:1;font-size:.85rem}.settings-mini{flex-direction:column;gap:12px;height:fit-content;display:flex}.bot-info-row{border-bottom:1px dotted var(--grid-color);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.bot-info-row:last-child{border-bottom:none}.signals-page{padding-bottom:2rem}.signals-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.signal-card{flex-direction:column;gap:10px;transition:border-color .2s;display:flex}.signal-card:hover{border-color:#00f5ff80}.sig-header{justify-content:space-between;align-items:center;display:flex}.sig-pair{font-family:var(--font-vt);letter-spacing:2px;font-size:1.4rem}.sig-prices{border-top:1px dotted var(--grid-color);border-bottom:1px dotted var(--grid-color);grid-template-columns:1fr 1fr 1fr;gap:8px;padding:8px 0;display:grid}.sig-prices div div{margin-top:3px;font-size:.9rem}.sig-reason{color:var(--text-muted);border-left:2px solid var(--neon-magenta);padding-left:8px;font-style:italic;line-height:1.5}.sig-meta{color:var(--text-muted)}.sig-actions{gap:8px;margin-top:4px;display:flex}.btn-gray{color:var(--text-muted);border-color:var(--text-muted)}.btn-gray:hover{color:var(--neon-cyan);border-color:var(--neon-cyan)}.modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.modal-header h3{font-family:var(--font-vt);letter-spacing:2px;font-size:1.4rem}.modal-pair-info{align-items:center;gap:10px;margin-bottom:1rem;display:flex}.modal-grid{border:1px solid var(--grid-color);background:#0000004d;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:1rem;padding:10px;display:grid}.modal-grid div div{margin-top:3px;font-size:.9rem}.trades-page{padding-bottom:2rem}.trades-list{flex-direction:column;gap:14px;display:flex}.active-trade-card{flex-direction:column;gap:10px;display:flex}.trade-head{justify-content:space-between;align-items:center;display:flex}.trade-pair{font-family:var(--font-vt);letter-spacing:2px;font-size:1.6rem}.trade-pnl{font-family:var(--font-vt);letter-spacing:2px;align-items:center;font-size:1.6rem;display:flex}.trade-levels{border-top:1px dotted var(--grid-color);border-bottom:1px dotted var(--grid-color);grid-template-columns:repeat(6,1fr);gap:8px;padding:8px 0;display:grid}.trade-levels div div{margin-top:2px;font-size:.9rem}.trade-meta{color:var(--text-muted);flex-wrap:wrap;gap:20px;display:flex}.trade-actions{gap:10px;display:flex}.chat-shell{flex-direction:column;height:calc(100vh - 120px);display:flex}.chat-window{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:14px;padding:1rem .5rem;display:flex;overflow-y:auto}.chat-welcome{text-align:center;border:1px dashed var(--border-dim);padding:2rem 1rem}.chat-welcome pre{text-align:left;font-size:.55rem;line-height:1.15;display:inline-block}.chat-bubble{flex-direction:column;gap:4px;max-width:80%;animation:.25s fadeIn;display:flex}.chat-bubble.user{align-self:flex-end}.chat-bubble.assistant{align-self:flex-start}.bubble-sender{letter-spacing:2px;font-size:.72rem}.chat-bubble.user .bubble-sender{color:var(--neon-cyan);text-align:right}.chat-bubble.assistant .bubble-sender{color:var(--neon-magenta)}.bubble-text{white-space:pre-wrap;padding:.6rem .9rem;font-size:.9rem;line-height:1.5}.chat-bubble.user .bubble-text{color:var(--text-main);text-align:right;background:#00f5ff14;border:1px solid #00f5ff4d;border-radius:2px}.chat-bubble.assistant .bubble-text{color:var(--text-main);background:#ff00de12;border:1px solid #ff00de40;border-radius:2px}.bubble-time{text-align:right}.chat-bubble.assistant .bubble-time{text-align:left}.chat-input-bar{border-top:1px solid var(--border-dim);align-items:center;gap:10px;margin-top:1rem;padding-top:1rem;display:flex}.chat-prompt{flex-shrink:0;font-size:1.2rem;font-weight:700}.settings-page{padding-bottom:2rem}.settings-section{max-width:700px}.section-header{letter-spacing:2px;color:var(--neon-cyan);border-bottom:1px solid var(--border-dim);align-items:center;gap:10px;margin-bottom:1.2rem;padding-bottom:.5rem;font-size:.9rem;display:flex}.mode-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:0;display:grid}.mode-opt{flex-direction:column;align-items:flex-start;gap:4px;height:auto;padding:.8rem 1rem}.mode-opt-label{letter-spacing:2px;font-weight:700}.mode-opt-desc{letter-spacing:.5px;text-align:left;white-space:normal}.mode-opt.active-mode.btn-cyan{background:#00f5ff26;box-shadow:0 0 20px #00f5ff66}.mode-opt.active-mode.btn-green{background:#39ff1421;box-shadow:0 0 20px #39ff1466}.mode-opt.active-mode.btn-yellow{background:#ffea001a;box-shadow:0 0 20px #ffea0059}.btn-yellow{color:var(--neon-yellow);border-color:var(--neon-yellow)}.btn-yellow:hover:not(:disabled){background:var(--neon-yellow);color:#000;box-shadow:0 0 20px var(--neon-yellow)}.keys-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1rem;display:grid}.settings-msg{letter-spacing:1px;max-width:700px;margin-bottom:1rem;padding:.7rem 1rem;font-size:.85rem;animation:.2s fadeIn}.settings-msg.ok{border:1px solid var(--neon-green);color:var(--neon-green);background:#39ff1414}.settings-msg.err{border:1px solid var(--neon-red);color:var(--neon-red);background:#ff004014}