:root{ --accent:#00e5a0; --accent2:#ff3e6c; --accent3:#ffd166; --r:14px;--rs:8px; --tr:0.22s cubic-bezier(.4,0,.2,1); } [data-theme="dark"]{ --bg:#0b0d12;--bg2:#13161f;--bg3:#1c2030;--bg4:#222840; --border:#ffffff0f;--border2:#ffffff1a; --text:#f0f2f8;--text2:#8a91a8;--text3:#3e4560; --card:#13161f;--shadow:0 4px 32px #00000060; } [data-theme="light"]{ --bg:#f0f3fa;--bg2:#ffffff;--bg3:#e4e9f5;--bg4:#d8dfef; --border:#0000000c;--border2:#00000018; --text:#0d1022;--text2:#5a6282;--text3:#b0b8d0; --card:#ffffff;--shadow:0 4px 32px #00000018; } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{font-size:15px;scroll-behavior:smooth} body{font-family:'Syne',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background var(--tr),color var(--tr);overflow-x:hidden} button{font-family:'Syne',sans-serif;cursor:pointer;border:none;outline:none} input,select{font-family:'DM Mono',monospace;outline:none;border:none} ::-webkit-scrollbar{width:4px} ::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px} .navbar{ position:sticky;top:0;z-index:100; background:var(--bg);border-bottom:1px solid var(--border); display:flex;align-items:center;justify-content:space-between; padding:0 20px;height:56px;backdrop-filter:blur(12px); } .nav-logo{ font-size:1.3rem;font-weight:800;letter-spacing:-.5px; background:linear-gradient(135deg,var(--accent),#00b8ff); -webkit-background-clip:text;-webkit-text-fill-color:transparent; background-clip:text; } .nav-logo span{-webkit-text-fill-color:var(--accent2)} .nav-right{display:flex;align-items:center;gap:10px} .balance-badge{ background:var(--bg3);border:1px solid var(--border2); border-radius:20px;padding:5px 14px;font-size:.78rem; font-family:'DM Mono',monospace;color:var(--accent); } .theme-btn{ width:36px;height:36px;border-radius:50%; background:var(--bg3);border:1px solid var(--border2); color:var(--text);font-size:1rem; display:flex;align-items:center;justify-content:center; transition:all var(--tr); } .theme-btn:hover{background:var(--bg4);transform:rotate(20deg)} .page{max-width:1400px;margin:0 auto;padding:20px 16px;display:grid;gap:16px;} .row{display:grid;gap:16px} .row-2{grid-template-columns:1fr 1fr} .row-3{grid-template-columns:1fr 1fr 1fr} .row-main{grid-template-columns:340px 1fr} @media(max-width:900px){ .row-2,.row-3,.row-main{grid-template-columns:1fr} } .card{ background:var(--card);border:1px solid var(--border); border-radius:var(--r);padding:18px; box-shadow:var(--shadow);transition:background var(--tr),border var(--tr); } .card-title{ font-size:.7rem;font-weight:700;letter-spacing:.12em; text-transform:uppercase;color:var(--text2); margin-bottom:14px;display:flex;align-items:center;gap:8px; } .card-title .dot{ width:6px;height:6px;border-radius:50%;background:var(--accent); } .balance-card{ background:linear-gradient(135deg,var(--bg2),var(--bg3)); border:1px solid var(--border2); } .balance-main{ font-size:2.2rem;font-weight:800; font-family:'DM Mono',monospace; color:var(--accent);letter-spacing:-1px; margin:4px 0 2px; } .balance-sub{font-size:.78rem;color:var(--text2)} .balance-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:10px} .balance-stats{display:flex;gap:16px;margin-top:10px} .bstat{display:flex;flex-direction:column;gap:2px} .bstat-label{font-size:.65rem;color:var(--text2);text-transform:uppercase;letter-spacing:.08em} .bstat-val{font-size:.88rem;font-family:'DM Mono',monospace;font-weight:500} .bstat-val.up{color:var(--accent)} .bstat-val.down{color:var(--accent2)} .market-select{ width:100%;background:var(--bg3); border:1px solid var(--border2);border-radius:var(--rs); color:var(--text);padding:10px 14px;font-size:.85rem; appearance:none;cursor:pointer; transition:border var(--tr),background var(--tr); } .market-select:focus{border-color:var(--accent)} .select-wrap{position:relative} .select-wrap::after{ content:'▾';position:absolute;right:12px;top:50%; transform:translateY(-50%);color:var(--text2);pointer-events:none; } .price-display{ font-size:1.8rem;font-weight:800; font-family:'DM Mono',monospace; color:var(--text);letter-spacing:-1px;margin:8px 0 4px; } .price-display .last-digit{color:var(--accent)} .price-change{font-size:.78rem;color:var(--text2)} .price-change.up{color:var(--accent)} .price-change.dn{color:var(--accent2)} .live-dot{ display:inline-block;width:7px;height:7px; border-radius:50%;background:var(--accent); margin-right:6px;animation:pulse 1.4s infinite; } @keyframes pulse{ 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.4)} } .trade-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap} .trade-tab{ padding:6px 14px;border-radius:20px;font-size:.75rem; font-weight:700;letter-spacing:.06em; background:var(--bg3);color:var(--text2); border:1px solid var(--border); transition:all var(--tr); } .trade-tab.active{ background:var(--accent);color:#0b0d12; border-color:var(--accent); } .trade-tab:hover:not(.active){ border-color:var(--accent);color:var(--accent); } .digit-grid{ display:grid;grid-template-columns:repeat(5,1fr); gap:8px;margin-bottom:14px; } .digit-btn{ border-radius:var(--rs);padding:10px 4px; background:var(--bg3);border:1.5px solid var(--border); color:var(--text);font-size:1rem;font-weight:700; display:flex;flex-direction:column;align-items:center;gap:3px; transition:all var(--tr); } .digit-btn .pct{font-size:.6rem;font-family:'DM Mono',monospace;color:var(--text2)} .digit-btn.active{border-color:var(--accent);background:var(--accent);color:#0b0d12} .digit-btn.active .pct{color:#0b0d12} .digit-btn.hot .pct{color:var(--accent)} .digit-btn.cold .pct{color:var(--accent2)} .digit-btn:hover:not(.active){border-color:var(--accent);color:var(--accent)} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px} .form-group{display:flex;flex-direction:column;gap:5px} .form-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text2)} .form-input{ background:var(--bg3);border:1.5px solid var(--border2); border-radius:var(--rs);color:var(--text); padding:9px 12px;font-size:.88rem;width:100%; transition:border var(--tr); } .form-input:focus{border-color:var(--accent)} .stake-row{display:flex;gap:6px;align-items:center;margin-bottom:14px} .stake-input{ flex:1;background:var(--bg3);border:1.5px solid var(--border2); border-radius:var(--rs);color:var(--text); padding:9px 12px;font-size:.95rem; transition:border var(--tr); } .stake-input:focus{border-color:var(--accent)} .stake-preset{ padding:7px 10px;border-radius:var(--rs); background:var(--bg3);border:1px solid var(--border2); color:var(--text2);font-size:.72rem;font-weight:700; transition:all var(--tr); } .stake-preset:hover{border-color:var(--accent);color:var(--accent)} .payout-row{ display:flex;justify-content:space-between; background:var(--bg3);border-radius:var(--rs); padding:10px 14px;margin-bottom:14px; border:1px solid var(--border); } .payout-item{display:flex;flex-direction:column;gap:2px;align-items:center} .payout-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text2)} .payout-val{font-size:.9rem;font-weight:700;font-family:'DM Mono',monospace;color:var(--accent)} .btn-over{ width:100%;padding:13px;border-radius:var(--rs); font-size:.9rem;font-weight:700;letter-spacing:.05em; background:var(--accent);color:#0b0d12; transition:all var(--tr);margin-bottom:8px; } .btn-over:hover{filter:brightness(1.1);transform:translateY(-1px)} .btn-under{ width:100%;padding:13px;border-radius:var(--rs); font-size:.9rem;font-weight:700;letter-spacing:.05em; background:var(--accent2);color:#fff; transition:all var(--tr); } .btn-under:hover{filter:brightness(1.1);transform:translateY(-1px)} .btn-rise{ width:48%;padding:13px;border-radius:var(--rs); font-size:.9rem;font-weight:700; background:var(--accent);color:#0b0d12; transition:all var(--tr); } .btn-fall{ width:48%;padding:13px;border-radius:var(--rs); font-size:.9rem;font-weight:700; background:var(--accent2);color:#fff; transition:all var(--tr); } .btn-rise:hover,.btn-fall:hover{filter:brightness(1.1);transform:translateY(-1px)} .btn-pair{display:flex;justify-content:space-between;gap:8px} .btn-buy{ width:100%;padding:13px;border-radius:var(--rs); font-size:.9rem;font-weight:700; background:linear-gradient(135deg,var(--accent),#00b8ff); color:#0b0d12;transition:all var(--tr); } .btn-buy:hover{filter:brightness(1.1);transform:translateY(-1px)} .chart-wrap{ width:100%;height:220px;position:relative; background:var(--bg3);border-radius:var(--rs); overflow:hidden;margin-bottom:14px; } canvas#priceChart{width:100%!important;height:100%!important} .chart-labels{ display:flex;justify-content:space-between; font-size:.65rem;color:var(--text3); font-family:'DM Mono',monospace;margin-top:4px; } .bot-strategy-tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap} .strat-tab{ padding:5px 12px;border-radius:20px;font-size:.72rem; font-weight:700;background:var(--bg3); border:1px solid var(--border);color:var(--text2); transition:all var(--tr); } .strat-tab.active{background:var(--accent3);color:#0b0d12;border-color:var(--accent3)} .strat-tab:hover:not(.active){border-color:var(--accent3);color:var(--accent3)} .bot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px} .bot-stat{ background:var(--bg3);border-radius:var(--rs); padding:10px 12px;border:1px solid var(--border); } .bot-stat-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);margin-bottom:3px} .bot-stat-val{font-size:.95rem;font-weight:700;font-family:'DM Mono',monospace} .bot-stat-val.up{color:var(--accent)} .bot-stat-val.dn{color:var(--accent2)} .bot-controls{display:flex;gap:8px;margin-bottom:14px} .btn-start{ flex:1;padding:11px;border-radius:var(--rs); font-size:.85rem;font-weight:700; background:var(--accent);color:#0b0d12; transition:all var(--tr); } .btn-start:hover{filter:brightness(1.1)} .btn-stop{ flex:1;padding:11px;border-radius:var(--rs); font-size:.85rem;font-weight:700; background:var(--bg3);color:var(--accent2); border:1.5px solid var(--accent2); transition:all var(--tr); } .btn-stop:hover{background:var(--accent2);color:#fff} .bot-status{ display:flex;align-items:center;gap:8px; font-size:.75rem;color:var(--text2); padding:8px 12px;background:var(--bg3); border-radius:var(--rs);border:1px solid var(--border); } .status-dot{ width:7px;height:7px;border-radius:50%; background:var(--text3);transition:background var(--tr); } .status-dot.running{background:var(--accent);animation:pulse 1.4s infinite} .status-dot.stopped{background:var(--accent2)} .progress-bar-wrap{ height:4px;background:var(--bg3);border-radius:2px; margin:10px 0;overflow:hidden; } .progress-bar{ height:100%;border-radius:2px; background:linear-gradient(90deg,var(--accent),#00b8ff); transition:width .4s ease;width:0%; } .history-table{width:100%;border-collapse:collapse;font-size:.78rem} .history-table th{ text-align:left;padding:8px 10px; font-size:.62rem;text-transform:uppercase; letter-spacing:.1em;color:var(--text2); border-bottom:1px solid var(--border2); font-weight:700; } .history-table td{ padding:9px 10px;border-bottom:1px solid var(--border); font-family:'DM Mono',monospace;font-size:.78rem; transition:background var(--tr); } .history-table tr:hover td{background:var(--bg3)} .badge{ padding:3px 8px;border-radius:20px; font-size:.65rem;font-weight:700; text-transform:uppercase;letter-spacing:.06em; } .badge-win{background:#00e5a020;color:var(--accent)} .badge-loss{background:#ff3e6c20;color:var(--accent2)} .badge-pending{background:#ffd16620;color:var(--accent3)} .ldp-grid{ display:grid;grid-template-columns:repeat(5,1fr); gap:8px;margin-bottom:14px; } .ldp-cell{ background:var(--bg3);border-radius:var(--rs); padding:10px 6px;text-align:center; border:1px solid var(--border); transition:all var(--tr); } .ldp-cell .digit{font-size:1.1rem;font-weight:800} .ldp-cell .pct{ font-size:.62rem;font-family:'DM Mono',monospace; color:var(--text2);margin-top:2px; } .ldp-cell.hot{border-color:var(--accent);background:#00e5a010} .ldp-cell.hot .pct{color:var(--accent)} .ldp-cell.cold{border-color:var(--accent2);background:#ff3e6c10} .ldp-cell.cold .pct{color:var(--accent2)} .ldp-bar-wrap{ height:3px;background:var(--bg4); border-radius:2px;margin-top:4px;overflow:hidden; } .ldp-bar{height:100%;border-radius:2px;background:var(--accent);transition:width .5s ease} .ldp-cell.cold .ldp-bar{background:var(--accent2)} .qs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px} .qs-card{ background:var(--bg3);border-radius:var(--rs); padding:14px;border:1.5px solid var(--border); cursor:pointer;transition:all var(--tr); } .qs-card:hover{border-color:var(--accent);transform:translateY(-2px)} .qs-card.active{border-color:var(--accent);background:#00e5a010} .qs-name{font-size:.82rem;font-weight:700;margin-bottom:4px} .qs-desc{font-size:.68rem;color:var(--text2);line-height:1.4} .qs-badge{ display:inline-block;margin-top:6px; padding:2px 8px;border-radius:20px; font-size:.6rem;font-weight:700; background:#00e5a020;color:var(--accent); } .qs-badge.med{background:#ffd16620;color:var(--accent3)} .qs-badge.high{background:#ff3e6c20;color:var(--accent2)} .section-divider{ height:1px;background:var(--border); margin:4px 0 16px; } .tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px} .tag{ padding:4px 10px;border-radius:20px; font-size:.65rem;font-weight:700; background:var(--bg3);color:var(--text2); border:1px solid var(--border); } .toast{ position:fixed;bottom:24px;right:24px;z-index:999; background:var(--bg2);border:1px solid var(--border2); border-radius:var(--rs);padding:12px 18px; font-size:.8rem;box-shadow:var(--shadow); display:flex;align-items:center;gap:10px; transform:translateY(80px);opacity:0; transition:all .3s cubic-bezier(.4,0,.2,1); max-width:300px; } .toast.show{transform:translateY(0);opacity:1} .toast-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0} .toast.win .toast-dot{background:var(--accent)} .toast.loss .toast-dot{background:var(--accent2)} .empty-row{ text-align:center;padding:24px; color:var(--text3);font-size:.8rem; } .acct-switcher-wrap{ display:flex;gap:6px;flex-wrap:wrap; margin-bottom:12px; } .acct-btn{ display:flex;flex-direction:column;align-items:center; padding:8px 14px;border-radius:var(--rs); border:1.5px solid var(--border2); background:var(--bg3);cursor:pointer; transition:all var(--tr);gap:2px;min-width:90px; } .acct-btn:hover{border-color:var(--accent);transform:translateY(-1px)} .acct-active.acct-demo{ border-color:var(--accent3);background:#ffd16615; } .acct-active.acct-real{ border-color:var(--accent);background:#00e5a015; } .acct-type{ font-size:.6rem;font-weight:800;letter-spacing:.1em; } .acct-demo .acct-type{color:var(--accent3)} .acct-real .acct-type{color:var(--accent)} .acct-id{ font-size:.75rem;font-family:'DM Mono',monospace; color:var(--text);font-weight:600; } .acct-cur{ font-size:.62rem;color:var(--text2); font-family:'DM Mono',monospace; } .acct-btn{ display:flex;flex-direction:column;align-items:center; padding:8px 16px;border-radius:var(--rs); border:1.5px solid var(--border2); background:var(--bg3);cursor:pointer; transition:all var(--tr);gap:2px;min-width:100px; } .acct-btn:hover{transform:translateY(-1px)} .acct-active.acct-demo{border-color:var(--accent3);background:#ffd16615} .acct-active.acct-real{border-color:var(--accent);background:#00e5a015} .acct-type{font-size:.65rem;font-weight:800;letter-spacing:.08em} .acct-demo .acct-type{color:var(--accent3)} .acct-real .acct-type{color:var(--accent)} .acct-id{font-size:.78rem;font-family:'DM Mono',monospace;color:var(--text);font-weight:600} .acct-cur{font-size:.62rem;color:var(--text2);font-family:'DM Mono',monospace} .acct-switcher-wrap{display:flex;gap:8px;flex-wrap:wrap}  #ldpGrid{ display:none !important } .ldp-circle-grid{margin-top:4px}  .scroll-tabs-bar{ position:sticky;top:56px;z-index:99; background:#0a1018; border-bottom:1px solid #ffffff0f; display:flex;align-items:center; padding:10px 16px; gap:8px; overflow-x:auto; overflow-y:hidden; white-space:nowrap; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; } .scroll-tabs-bar::-webkit-scrollbar{display:none} .stab{ display:inline-flex; align-items:center; gap:7px; padding:10px 20px; border-radius:25px; border:1.5px solid #ffffff0f; background:#13161f; color:#8a91a8; font-family:'Syne',sans-serif; font-size:1rem; font-weight:700; letter-spacing:.02em; cursor:pointer; white-space:nowrap; flex-shrink:0; transition:all 0.18s cubic-bezier(.4,0,.2,1); outline:none; } .stab:hover{ background:#1c2030; border-color:#00e5a030; color:#c0c8e0; transform:translateY(-1px); } .stab.stab-active{ background:linear-gradient(135deg,#00e5a018,#00b8ff18); border-color:#00e5a060; color:#00e5a0; box-shadow:0 0 18px #00e5a020,inset 0 1px 0 #00e5a020; } .stab-icon{font-size:1.1rem;line-height:1} .stab-dot{ width:6px;height:6px; border-radius:50%; background:#00e5a0; box-shadow:0 0 7px #00e5a0; flex-shrink:0; }  .scroll-tabs-wrap{ position:sticky;top:56px;z-index:99; } .scroll-tabs-fade-left{ position:absolute;left:0;top:0;bottom:0; width:44px;z-index:2;pointer-events:none; background:linear-gradient(to right,#0a1018f0,transparent); opacity:0;transition:opacity 0.2s ease; } .scroll-tabs-fade-right{ position:absolute;right:0;top:0;bottom:0; width:44px;z-index:2;pointer-events:none; background:linear-gradient(to left,#0a1018f0,transparent); opacity:1;transition:opacity 0.2s ease; }  .tab-section{ display:none } .tab-section.tab-active{ display:block }  .history-sticky-wrap{ position:fixed; bottom:0;left:0;right:0; z-index:90; background:var(--bg2); border-top:1px solid var(--border2); transition:height 0.3s cubic-bezier(.4,0,.2,1); height:48px; } .history-sticky-wrap.expanded{ height:320px; } .history-toggle-bar{ display:flex;align-items:center; justify-content:space-between; padding:0 16px;height:48px; cursor:pointer; background:var(--bg2); border-bottom:1px solid var(--border); user-select:none; } .history-toggle-title{ display:flex;align-items:center;gap:8px; font-size:.88rem;font-weight:700; color:var(--text); } .history-toggle-arrow{ font-size:1rem;color:var(--text2); transition:transform 0.3s ease; } .history-sticky-wrap.expanded .history-toggle-arrow{ transform:rotate(180deg); } .history-sticky-body{ height:calc(100% - 48px); overflow-y:auto; padding:0 16px 12px; display:none; } .history-sticky-wrap.expanded .history-sticky-body{ display:block; }  .page{ padding-bottom:60px !important }  .strat-builder{padding:16px 0} .strat-card{ background:var(--bg2);border:1px solid var(--border); border-radius:var(--r);padding:18px;margin-bottom:14px; } .strat-card-title{ font-size:1rem;font-weight:800;color:var(--text); margin-bottom:4px; } .strat-card-desc{ font-size:.78rem;color:var(--text2); margin-bottom:14px;line-height:1.5; } .strat-row{ display:flex;align-items:center; gap:8px;flex-wrap:wrap;margin-bottom:12px; } .strat-label{ font-size:.72rem;font-weight:700; text-transform:uppercase;letter-spacing:.08em; color:var(--text2);min-width:60px; } .strat-select{ background:var(--bg3);border:1.5px solid var(--border2); border-radius:var(--rs);color:var(--text); padding:8px 12px;font-size:.85rem; font-family:'DM Mono',monospace; appearance:none;cursor:pointer; transition:border var(--tr);min-width:100px; } .strat-select:focus{border-color:var(--accent)}  .digit-selector{ display:flex;gap:6px;flex-wrap:wrap; margin-bottom:12px; } .dsel-btn{ width:40px;height:40px; border-radius:50%; background:var(--bg3); border:1.5px solid var(--border2); color:var(--text2); font-size:.9rem;font-weight:700; cursor:pointer; transition:all var(--tr); display:flex;align-items:center;justify-content:center; } .dsel-btn.dsel-active{ background:var(--accent); border-color:var(--accent); color:#0b0d12; box-shadow:0 0 10px var(--accent)40; } .dsel-btn:hover:not(.dsel-active){ border-color:var(--accent); color:var(--accent); }  .signal-box{ border-radius:var(--rs);padding:14px; margin-bottom:12px;text-align:center; border:1.5px solid var(--border); background:var(--bg3); transition:all 0.3s ease; } .signal-box.sig-wait{ border-color:var(--accent3); background:#ffd16610; } .signal-box.sig-enter{ border-color:var(--accent); background:#00e5a015; animation:sigPulse 1s infinite; } .signal-box.sig-block{ border-color:var(--accent2); background:#ff3e6c10; } @keyframes sigPulse{ 0%,100%{box-shadow:0 0 0 0 #00e5a030} 50%{box-shadow:0 0 0 8px #00e5a000} } .signal-title{ font-size:1.1rem;font-weight:800; margin-bottom:4px; } .signal-desc{ font-size:.78rem;color:var(--text2); font-family:'DM Mono',monospace; }  .streak-row{ display:flex;gap:6px;flex-wrap:wrap; margin-bottom:10px;min-height:36px; align-items:center; } .streak-chip{ padding:4px 10px;border-radius:20px; font-size:.75rem;font-weight:700; font-family:'DM Mono',monospace; transition:all 0.2s ease; } .schip-even{background:#00e5a020;color:var(--accent)} .schip-odd {background:#ff3e6c20;color:var(--accent2)} .schip-match{background:#ffd16620;color:var(--accent3)}  .strat-manager{ padding:16px 0; }  .btn-add-strategy{ width:100%;padding:16px; border-radius:var(--r); border:2px dashed var(--accent); background:transparent; color:var(--accent); font-size:1rem;font-weight:800; letter-spacing:.1em;text-transform:uppercase; cursor:pointer;margin-bottom:16px; transition:all var(--tr); display:flex;align-items:center; justify-content:center;gap:8px; } .btn-add-strategy:hover{ background:#00e5a010; box-shadow:0 0 20px #00e5a020; transform:translateY(-1px); }  .strategy-item{ background:var(--bg2); border:1px solid var(--border2); border-radius:var(--r); margin-bottom:14px; overflow:hidden; transition:all var(--tr); } .strategy-item.sitem-active{ border-color:var(--accent); box-shadow:0 0 16px #00e5a015; } .strategy-item-header{ display:flex;align-items:center; gap:10px;padding:14px 16px; cursor:pointer; background:var(--bg3); } .sitem-num{ width:32px;height:32px;border-radius:8px; background:var(--accent);color:#0b0d12; font-size:.8rem;font-weight:800; display:flex;align-items:center;justify-content:center; flex-shrink:0; } .sitem-name{ flex:1;font-size:.95rem;font-weight:700; color:var(--text); } .sitem-type-badge{ font-size:.65rem;font-weight:700; padding:3px 8px;border-radius:20px; background:#00e5a020;color:var(--accent); letter-spacing:.06em; } .sitem-toggle{ display:flex;align-items:center;gap:6px; } .toggle-switch{ width:42px;height:24px;border-radius:12px; background:var(--bg4);border:none;cursor:pointer; position:relative;transition:background var(--tr); flex-shrink:0; } .toggle-switch.ton{ background:var(--accent); } .toggle-switch::after{ content:'';position:absolute; width:18px;height:18px;border-radius:50%; background:#fff;top:3px;left:3px; transition:transform var(--tr); } .toggle-switch.ton::after{ transform:translateX(18px); } .sitem-delete{ width:32px;height:32px;border-radius:8px; background:#ff3e6c20;border:1px solid var(--accent2); color:var(--accent2);font-size:.9rem; cursor:pointer;display:flex; align-items:center;justify-content:center; transition:all var(--tr);flex-shrink:0; } .sitem-delete:hover{background:var(--accent2);color:#fff}  .strategy-item-body{ padding:16px;display:none; } .strategy-item.sitem-open .strategy-item-body{ display:block; }  .eo-grid{ display:flex;gap:5px;flex-wrap:wrap; margin-bottom:12px; } .eo-chip{ width:36px;height:36px; border-radius:8px; font-size:.8rem;font-weight:800; display:flex;align-items:center;justify-content:center; flex-shrink:0;transition:all 0.15s ease; } .eo-chip-E{background:#00e5a030;color:var(--accent)} .eo-chip-O{background:#ff3e6c30;color:var(--accent2)} .eo-chip-new{ animation:chipIn 0.3s ease; } @keyframes chipIn{ from{transform:scale(0);opacity:0} to{transform:scale(1);opacity:1} }  .dist-bar-wrap{margin-bottom:10px} .dist-bar-label{ display:flex;justify-content:space-between; font-size:.72rem;color:var(--text2); margin-bottom:4px;font-weight:700; } .dist-bar-track{ height:28px;background:var(--bg3); border-radius:6px;overflow:hidden; position:relative; } .dist-bar-fill{ height:100%;border-radius:6px; display:flex;align-items:center; padding-left:10px; font-size:.75rem;font-weight:800; transition:width 0.5s ease; min-width:40px; } .dist-bar-even{ background:linear-gradient(90deg,#00e5a060,#00e5a030) } .dist-bar-odd { background:linear-gradient(90deg,#ff3e6c60,#ff3e6c30) }  .sig-banner{ border-radius:var(--rs);padding:12px 16px; text-align:center;margin-bottom:12px; font-size:.88rem;font-weight:800; letter-spacing:.06em; transition:all 0.3s ease; border:1.5px solid transparent; } .sig-banner.sig-neutral{ background:#ffd16615;border-color:#ffd16640; color:var(--accent3); } .sig-banner.sig-enter{ background:#00e5a015;border-color:var(--accent); color:var(--accent);animation:sigPulse 1s infinite; } .sig-banner.sig-block{ background:#ff3e6c15;border-color:var(--accent2); color:var(--accent2); }  .logic-row{ display:flex;align-items:center; gap:8px;flex-wrap:wrap; margin-bottom:10px; font-size:.82rem;color:var(--text2); font-weight:600; } .logic-select{ background:var(--bg3); border:1.5px solid var(--border2); border-radius:var(--rs); color:var(--text);padding:7px 10px; font-size:.82rem; font-family:'DM Mono',monospace; cursor:pointer; transition:border var(--tr); } .logic-select:focus{border-color:var(--accent)} .logic-num{ width:56px;background:var(--bg3); border:1.5px solid var(--border2); border-radius:var(--rs); color:var(--text);padding:7px 10px; font-size:.82rem;text-align:center; font-family:'DM Mono',monospace; transition:border var(--tr); } .logic-num:focus{border-color:var(--accent)}  .stop-cond-box{ background:var(--bg);border-radius:var(--rs); padding:12px;margin-top:10px; border:1px solid var(--border); } .stop-cond-title{ font-size:.72rem;font-weight:800; text-transform:uppercase;letter-spacing:.1em; color:var(--text2);margin-bottom:10px; display:flex;align-items:center;gap:6px; } .stop-grid{ display:grid;grid-template-columns:1fr 1fr; gap:8px; } .stop-item{display:flex;flex-direction:column;gap:4px} .stop-label{font-size:.65rem;color:var(--text2);text-transform:uppercase;letter-spacing:.08em} .stop-input{ background:var(--bg3); border:1.5px solid var(--border2); border-radius:var(--rs); color:var(--text);padding:7px 10px; font-size:.82rem; font-family:'DM Mono',monospace; transition:border var(--tr);width:100%; } .stop-input:focus{border-color:var(--accent)}  .digit-multi{ display:flex;gap:6px;flex-wrap:wrap; margin-bottom:10px; } .dms-btn{ width:38px;height:38px;border-radius:50%; background:var(--bg3); border:1.5px solid var(--border2); color:var(--text2);font-size:.85rem;font-weight:700; cursor:pointer;transition:all var(--tr); display:flex;align-items:center;justify-content:center; } .dms-btn.dms-on{ background:var(--accent);border-color:var(--accent); color:#0b0d12;box-shadow:0 0 8px #00e5a040; } .dms-btn:hover:not(.dms-on){ border-color:var(--accent);color:var(--accent); }  .btn-run-strategy{ width:100%;padding:13px; border-radius:var(--rs); font-size:.9rem;font-weight:800; background:linear-gradient(135deg,var(--accent),#00b8ff); color:#0b0d12;cursor:pointer; transition:all var(--tr);margin-top:10px; border:none;letter-spacing:.04em; } .btn-run-strategy:hover{ filter:brightness(1.1);transform:translateY(-1px); } .btn-run-strategy.running{ background:linear-gradient(135deg,var(--accent2),#ff6b6b); color:#fff; }  .history-sticky-wrap{ height:48px; } .history-sticky-wrap.expanded{ height:340px; } #stickyHistoryBody tr td{ padding:8px 10px; font-size:.78rem; white-space:nowrap; border-bottom:1px solid var(--border); } #stickyHistoryBody tr:hover td{ background:var(--bg3); }  .history-mini-scroll{ display:flex; align-items:center; gap:8px; overflow-x:auto; scrollbar-width:none; padding:0 16px; height:0; opacity:0; transition:all 0.2s ease; white-space:nowrap; } .history-sticky-wrap:not(.expanded) .history-mini-scroll{ height:0;opacity:0; } .hm-chip{ display:inline-flex; align-items:center; gap:5px; padding:3px 10px; border-radius:20px; font-size:.7rem; font-family:'DM Mono',monospace; font-weight:700; flex-shrink:0; } .hm-win{ background:#00e5a015;color:var(--accent);border:1px solid #00e5a030 } .hm-loss{ background:#ff3e6c15;color:var(--accent2);border:1px solid #ff3e6c30 }  .stop-cond-outer{ background:var(--bg); border:1.5px solid var(--border2); border-radius:var(--r); padding:16px; margin-top:10px; margin-bottom:14px; } .stop-cond-outer-title{ font-size:.78rem;font-weight:800; text-transform:uppercase;letter-spacing:.1em; color:var(--text2);margin-bottom:12px; display:flex;align-items:center;gap:8px; } .stop-outer-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; } .stop-outer-item{ display:flex;flex-direction:column;gap:5px; } .stop-outer-label{ font-size:.65rem;color:var(--text3); text-transform:uppercase;letter-spacing:.08em; } .stop-outer-input{ background:var(--bg3); border:1.5px solid var(--border2); border-radius:var(--rs); color:var(--text);padding:9px 12px; font-size:.88rem; font-family:'DM Mono',monospace; transition:border var(--tr);width:100%; } .stop-outer-input:focus{border-color:var(--accent2)}  .stop-cond-box{ display:none !important } /* updated */