:root{--ox-ultra:#ffb366;--ox-glow:#ff8c33;--ox-radiant:#ff6b00;--ox-ember:#c40;--ox-deep:#8b2500;--ox-ghost:#ff6b001f;--ox-border:#ff6b0038;--ox-border-hi:#ff6b0080;--gs-muted:#8a8a94;--gs-light:#5a5a61;--gs-mid:#3d3d42;--gs-steel:#2a2a2e;--gs-dark:#1a1a1e;--gs-border:#ffffff12;--bg-void:#0a0a0b;--bg-deep:#111114;--bg-surface:#161619;--bg-primary:#0a0a0b;--bg-secondary:#111114;--bg-elevated:#161619;--bg-border:#ff6b0038;--bg-border-soft:#ff6b001a;--glass-bg:#161619b8;--glass-blur:blur(20px);--glass-border:.5px solid #ff6b0038;--glass-steel-bg:#2a2a2ea6;--glass-steel-border:.5px solid #ffffff12;--green:#2d8;--green-dim:#22dd881f;--red:#f44;--red-dim:#ff44441f;--amber:gold;--accent-amber:#f59e0b;--accent-amber-dim:#f59e0b1f;--sem-long:#2d8;--sem-short:#f44;--sem-signal:#48f;--sem-warn:gold;--indigo:#ff6b00;--indigo-dim:#ff6b001f;--violet:#c40;--violet-dim:#cc44001f;--accent-blue:#ff6b00;--accent-blue-dim:#ff6b001a;--glow-indigo:0 0 20px #ff6b0059;--glow-emerald:0 0 20px #22dd8859;--text:#f0ede8;--text-muted:var(--gs-muted);--text-dim:var(--gs-light);--shadow-sm:0 1px 3px #000000b3;--shadow-md:0 4px 24px #0009;--shadow-lg:0 12px 40px #000c;--radius-sm:4px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--r-sm:4px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:100px;--btn-h:32px;--page-h-pad:24px;--page-v-pad:20px;--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--dur-fast:.12s;--dur-mid:.22s;--dur-slow:.4s;--font-display:"Syne", sans-serif;--font-body:"DM Sans","Calibri",sans-serif;--font-mono:"JetBrains Mono",monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-void)}body{background:var(--bg-primary);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#ff6b000f 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#0a0a0b80}::-webkit-scrollbar-thumb{background:#ff6b0040;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ff6b0073}::selection{color:#fff;background:#ff6b0047}.page-content{padding:var(--page-v-pad) var(--page-h-pad);z-index:1;height:100%;position:relative;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;min-height:40px;margin-bottom:20px;display:flex}.page-header-actions{align-items:center;gap:8px;display:flex}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);transition:border-color var(--dur-mid) var(--ease-smooth), box-shadow var(--dur-mid) var(--ease-smooth), transform var(--dur-mid) var(--ease-spring);animation:fadeUp var(--dur-slow) var(--ease-out) both;padding:16px;position:relative;box-shadow:0 4px 24px #0000008c}.card:hover{border-color:var(--ox-border-hi);transform:translateY(-3px);box-shadow:0 0 28px #ff6b0024,0 10px 36px #00000080}.card-steel,.glass-steel{background:var(--glass-steel-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-steel-border);border-radius:var(--radius-lg);transition:border-color var(--dur-mid) var(--ease-smooth);padding:16px;box-shadow:0 4px 24px #00000080}.card-steel:hover,.glass-steel:hover{border-color:var(--ox-border)}.card-neon{background:#140a05cc!important;border-color:#ff6b0061!important}.card-emerald{background:#05100acc!important;border-color:#22dd8852!important}.card-amber{background:#120c04cc!important;border-color:#f59e0b52!important}.card-violet{background:#120804cc!important;border-color:#ff6b0052!important}.card-stat{transition:border-color var(--dur-mid) var(--ease-smooth),box-shadow var(--dur-mid) var(--ease-smooth),transform var(--dur-mid) var(--ease-spring)!important}.card-stat:hover{border-color:rgba(var(--stat-rgb),.55)!important;box-shadow:0 0 24px rgba(var(--stat-rgb),.14),0 8px 32px #0000008c!important;transform:translateY(-2px)!important}.card-elevated{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--glass-blur);border:.5px solid #ffffff0f;padding:16px}.cloud-fill{position:relative;overflow:hidden}.cloud-fill:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(85% 65% at 15% 25%,#ff6b0029 0%,#0000 58%),radial-gradient(55% 75% at 78% 72%,#cc440021 0%,#0000 52%),radial-gradient(45% 55% at 55% 8%,#ff8c3317 0%,#0000 48%),radial-gradient(65% 38% at 88% 18%,#8b25001c 0%,#0000 52%),radial-gradient(35% 50% at 30% 88%,#ff6b0012 0%,#0000 45%);animation:12s ease-in-out infinite alternate cloudShift;position:absolute;inset:0}.cloud-fill>*{z-index:1;position:relative}.cloud-fill-sm{position:relative;overflow:hidden}.cloud-fill-sm:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 55% at 20% 30%,#ff6b001a 0%,#0000 55%),radial-gradient(50% 65% at 80% 70%,#cc440014 0%,#0000 50%),radial-gradient(40% 45% at 50% 5%,#ff8c330f 0%,#0000 45%);animation:16s ease-in-out infinite alternate cloudShift;position:absolute;inset:0}.cloud-fill-sm>*{z-index:1;position:relative}.btn{height:var(--btn-h);border-radius:var(--r-pill);font-size:12px;font-weight:600;font-family:var(--font-display);cursor:pointer;white-space:nowrap;letter-spacing:.4px;transition:background var(--dur-mid) var(--ease-smooth), border-color var(--dur-mid) var(--ease-smooth), box-shadow var(--dur-mid) var(--ease-smooth), transform var(--dur-fast) var(--ease-spring), color var(--dur-mid) var(--ease-smooth);border:none;outline:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--dur-fast),transform var(--dur-fast);background:radial-gradient(circle,#ffffff26 0%,#0000 60%);position:absolute;inset:0;transform:scale(.5)}.btn:active:after{opacity:1;transform:scale(1.5)}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--ox-radiant) 0%,var(--ox-ember) 100%);color:#fff}.btn-primary:hover{transform:translateY(-1px)scale(1.01);box-shadow:0 0 24px #ff6b0059,0 4px 16px #cc44004d}.btn-ghost{color:var(--ox-glow);border:.5px solid var(--ox-border);background:#ff6b0014}.btn-ghost:hover{border-color:var(--ox-border-hi);color:var(--ox-radiant);background:#ff6b0029;box-shadow:0 0 16px #ff6b001f}.btn-steel{color:var(--gs-muted);border:.5px solid var(--gs-border);background:#2a2a2ee6}.btn-steel:hover{color:var(--ox-ultra);background:#3a3a40f2;border-color:#ffffff26}.btn-danger{color:var(--sem-short);background:#ff44441f;border:.5px solid #ff44444d}.btn-danger:hover{background:#ff444438;box-shadow:0 0 16px #ff44442e}.btn-warn{color:var(--accent-amber);background:#f59e0b1f;border:.5px solid #f59e0b47}.btn-warn:hover{background:#f59e0b38;box-shadow:0 0 14px #f59e0b24}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none!important;transform:none!important}.chip{border-radius:var(--r-pill);font-family:var(--font-display);letter-spacing:.4px;cursor:default;transition:background var(--dur-mid),box-shadow var(--dur-mid),transform var(--dur-fast) var(--ease-spring);align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.chip:hover{transform:scale(1.04)}.chip-active{color:var(--ox-radiant);background:#ff6b002e;border:.5px solid #ff6b0073}.chip-active:hover{box-shadow:0 0 10px #ff6b0038}.chip-inactive{color:var(--gs-muted);border:.5px solid var(--gs-border);background:#2a2a2ee6}.chip-inactive:hover{border-color:var(--ox-border);color:var(--ox-ultra)}.chip-orange{color:var(--ox-glow);background:#ff6b001a;border:.5px solid #ff6b0040}.chip-steel{color:var(--gs-muted);border:.5px solid var(--gs-border);background:#2a2a2ee6}.chip-success{color:var(--sem-long);background:#22dd881f;border:.5px solid #22dd884d}.chip-error{color:var(--sem-short);background:#ff44441f;border:.5px solid #ff44444d}.chip-warn{color:var(--sem-warn);background:#ffd7001f;border:.5px solid #ffd70047}.chip-signal{color:var(--sem-signal);background:#4488ff1f;border:.5px solid #4488ff47}.chip-percent{border-radius:var(--r-pill);align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.chip-percent-up{color:#2d8;background:#22dd881f;border:.5px solid #22dd8847}.chip-percent-down{color:#f44;background:#ff44441f;border:.5px solid #ff444440}.pill-select{border-radius:var(--r-pill);height:26px;font-size:11px;font-weight:600;font-family:var(--font-display);color:var(--gs-muted);border:.5px solid var(--gs-border);cursor:pointer;background:#ffffff08;align-items:center;gap:5px;padding:0 12px;transition:all .15s;display:inline-flex}.pill-select:hover{color:var(--text);border-color:var(--ox-border);background:#ff6b0014}.status-label{border-radius:var(--r-sm);font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.status-closed{color:var(--sem-signal);background:#4488ff26}.status-active{color:var(--sem-long);background:#22dd8826}.status-waiting{color:var(--sem-warn);background:#ffd70026}.status-pending{color:var(--ox-glow);background:#ff8c3326}.status-error{color:var(--sem-short);background:#ff444426}.status-notrade{color:var(--gs-light);background:#2a2a2eb3}.staax-input{border:.5px solid var(--ox-border);border-radius:var(--radius-md);color:var(--ox-glow);height:var(--btn-h);font-size:12px;font-family:var(--font-body);width:100%;transition:border-color var(--dur-mid),box-shadow var(--dur-mid);background:#161619cc;outline:none;padding:0 12px}.staax-input::placeholder{color:var(--gs-light)}.staax-input:hover:not(:focus){border-color:#ff6b0059}.staax-input:focus{border-color:#ff6b0080;box-shadow:0 0 0 2px #ff6b001a}.staax-select{border:.5px solid var(--ox-border);border-radius:var(--radius-md);color:var(--text);height:var(--btn-h);font-size:12px;font-family:var(--font-body);cursor:pointer;appearance:none;transition:border-color var(--dur-mid),box-shadow var(--dur-mid);background:#161619cc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23FF6B00' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 8px center no-repeat;outline:none;padding:0 28px 0 10px}.staax-select:focus{border-color:var(--ox-border-hi);box-shadow:0 0 0 3px #ff6b0014}.staax-table{border-collapse:collapse;table-layout:fixed;width:100%}.staax-table th{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--gs-light);text-align:left;white-space:nowrap;background:#ff6b000a;border-bottom:.5px solid #ff6b001a;padding:10px 14px;font-size:10px;font-weight:600;overflow:hidden}.staax-table td{color:var(--gs-muted);transition:background var(--dur-fast);border-bottom:.5px solid #ffffff08;padding:11px 14px;font-size:13px;font-weight:400;overflow:hidden}.staax-table tr:hover td{background:#ff6b000a}.reports-table th{border-bottom:1px solid #ffffff14}.reports-table td{border-bottom:none}.staax-table tbody tr{transition:background var(--dur-fast)}.cell-symbol{color:var(--ox-glow);font-weight:600;font-family:var(--font-mono)}.cell-buy{color:var(--sem-long);font-weight:700}.cell-sell{color:var(--sem-short);font-weight:700}.cell-mono{font-family:var(--font-mono);font-size:12px}.cell-pos{color:var(--sem-long)}.cell-neg{color:var(--sem-short)}.grid-sticky-th:after{content:"";pointer-events:none;background:#ff6b001a;height:1px;position:absolute;bottom:0;left:0;right:0}.tag{letter-spacing:.03em;border-radius:20px;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d1;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(24px);width:90%;min-width:340px;max-width:520px;box-shadow:0 0 40px #ff6b0024,var(--shadow-lg);background:#100a05f5;border:.5px solid #ff6b0061;padding:24px;animation:.18s slideUp}.service-row{border-radius:var(--r-md);transition:background var(--dur-mid),border-color var(--dur-mid),transform var(--dur-fast) var(--ease-spring);background:#141417b3;border:.5px solid #ffffff0d;align-items:center;gap:10px;margin-bottom:7px;padding:10px 12px;display:flex}.service-row:last-child{margin-bottom:0}.service-row:hover{border-color:var(--ox-border);background:#1e1e24d9;transform:translate(2px)}.service-row.running{border-left:2px solid var(--sem-long)}.service-row.stopped{border-left:2px solid var(--gs-light)}.service-row.error{border-left:2px solid var(--sem-short)}.svc-card{border:.5px solid #ffffff0d!important;border-left-width:2px!important}.svc-card-green{border-left-color:var(--sem-long)!important}.svc-card-amber{border-left-color:#f59e0b!important}.svc-card-red{border-left-color:var(--sem-short)!important}.notif-panel{border-left:.5px solid var(--ox-border);z-index:900;width:340px;height:calc(100vh - 52px);box-shadow:var(--shadow-lg);background:#0d0d10;animation:.18s slideLeft;position:fixed;top:52px;right:0;overflow-y:auto}.card-label{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:#7a7a84;margin-bottom:10px;font-size:10px;font-weight:700}.card-value{font-family:var(--font-display);color:var(--ox-radiant);letter-spacing:-.5px;font-size:20px;font-weight:800;line-height:1.1}.card-caption{color:var(--gs-muted);margin-top:6px;font-size:12px;font-weight:500}.pulse-live{background:var(--sem-long);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;position:relative;box-shadow:0 0 6px #22dd88b3}.pulse-live:after{content:"";border:1.5px solid var(--sem-long);border-radius:50%;animation:2s ease-out infinite pulseLiveRing;position:absolute;inset:-3px}.pulse-live-lg{background:var(--sem-long);border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block;position:relative;box-shadow:0 0 8px #22dd88b3}.pulse-live-lg:after{content:"";border:1.5px solid var(--sem-long);border-radius:50%;animation:2s ease-out infinite pulseLiveRing;position:absolute;inset:-4px}.pulse-warn{background:var(--sem-warn);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.8s ease-in-out infinite pulseWarn;display:inline-block}.pulse-warn-lg{background:var(--sem-warn);border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.8s ease-in-out infinite pulseWarn;display:inline-block}.pulse-error{background:var(--sem-short);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.4s ease-in-out infinite pulseErr;display:inline-block}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.divider{background:linear-gradient(90deg,#0000,#ff6b004d,#0000);height:.5px;margin:32px 0}.hover-lift{transition:transform var(--dur-mid) var(--ease-spring)}.hover-lift:hover{transform:translateY(-2px)}.hover-glow{transition:box-shadow var(--dur-mid)}.hover-glow:hover{box-shadow:0 0 20px #ff6b002e}.anim-fade-up{animation:fadeUp var(--dur-slow) var(--ease-out) both}.anim-fade-up:first-child{animation-delay:0s}.anim-fade-up:nth-child(2){animation-delay:60ms}.anim-fade-up:nth-child(3){animation-delay:.12s}.anim-fade-up:nth-child(4){animation-delay:.18s}.anim-fade-up:nth-child(5){animation-delay:.24s}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulseLiveRing{0%{opacity:.9;transform:scale(.8)}60%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}@keyframes pulseWarn{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulseErr{0%,to{opacity:1}50%{opacity:.28}}@keyframes glowPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes cloudShift{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.03)translate(4px,-3px)}}@keyframes statusPulseGreen{0%,to{opacity:1;box-shadow:inset 3px 0 10px #22dd884d}50%{opacity:.7;box-shadow:inset 3px 0 20px #2d89}}@keyframes statusPulseOrange{0%,to{opacity:1;box-shadow:inset 3px 0 10px #ff6b004d}50%{opacity:.7;box-shadow:inset 3px 0 20px #ff6b0099}}@keyframes orbDrift1{0%{transform:translate(0)scale(1)}to{transform:translate(60px,40px)scale(1.1)}}@keyframes orbDrift2{0%{transform:translate(0)scale(1)}to{transform:translate(-40px,-60px)scale(1.08)}}@keyframes pulseLive{0%,to{box-shadow:0 0 4px var(--ox-radiant);opacity:1}50%{box-shadow:0 0 12px var(--ox-radiant);opacity:.7}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes orbPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.algo-page .staax-select{color:#f0f0ff;border-color:#ff6b004d}.algo-page .staax-select:focus{border-color:#ff6b0099;outline:none;box-shadow:0 0 0 2px #ff6b001f}.algo-page .staax-select option{color:#f0f0ff;background:#0a0a0b}.algo-page .staax-select option:checked,.algo-page .staax-select option:hover{color:#ff6b00;background:#ff6b0033}:root{--bx-vivid:#7c3aed;--bx-glow:#6d28d9;--bx-deep:#4c1d95;--bx-ultra:#a78bfa;--bx-ghost:#7c3aed1a;--bx-border:#7c3aed38;--bx-border-hi:#7c3aed73;--ox-radiant:var(--bx-vivid);--ox-glow:var(--bx-glow);--ox-ember:var(--bx-deep);--ox-ultra:var(--bx-ultra);--ox-ghost:var(--bx-ghost);--ox-border:var(--bx-border);--ox-border-hi:var(--bx-border-hi)}.cloud-fill:before{background:radial-gradient(80% 60% at 12% 22%,#7c3aed1f 0%,#0000 56%),radial-gradient(55% 70% at 80% 75%,#6d28d917 0%,#0000 52%),radial-gradient(45% 50% at 55% 8%,#a78bfa0f 0%,#0000 48%),radial-gradient(60% 35% at 90% 18%,#4c1d9514 0%,#0000 50%)}.bg-orb-1{background:radial-gradient(circle,#7c3aed12 0%,#0000 70%)}.bg-orb-2{background:radial-gradient(circle,#6d28d90d 0%,#0000 70%)}@keyframes purplePulse{0%,to{box-shadow:0 0 #7c3aed99,12px 12px 24px #00000080,-8px -8px 20px #ffffff0a,0 0 0 2px #7c3aed4d}50%{box-shadow:0 0 0 20px #7c3aed00,12px 12px 24px #00000080,-8px -8px 20px #ffffff0a,0 0 0 2px #7c3aed4d}}
