:root{--bg-primary:#0b0e11;--bg-secondary:#181a20;--bg-tertiary:#1f2229;--border-color:#2b3139;--accent-gold:#f0b90b;--accent-gold-glow:#f0b90b26;--color-up:#02c076;--color-up-glow:#02c07626;--color-down:#f6465d;--color-down-glow:#f6465d26;--text-primary:#eaecef;--text-secondary:#848e9c;--text-muted:#5e6673;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-display:"Outfit", var(--font-sans);--font-mono:"Fira Code", "Courier New", Courier, monospace;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);margin:0;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{background-color:var(--bg-primary);min-height:100vh;font-family:var(--font-sans);flex-direction:column;display:flex}.app-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:12px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--accent-gold) 0%, #ff8c00 100%);width:36px;height:36px;font-family:var(--font-display);color:var(--bg-primary);border-radius:8px;justify-content:center;align-items:center;font-size:20px;font-weight:800;animation:3s ease-in-out infinite alternate logoGlow;display:flex;box-shadow:0 0 15px #f0b90b66}@keyframes logoGlow{0%{box-shadow:0 0 10px #f0b90b4d}to{box-shadow:0 0 20px #f0b90b99}}.brand-title-wrap h1{font-family:var(--font-display);letter-spacing:-.5px;background:linear-gradient(90deg,#fff 30%,#f0b90b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:700}.brand-title-wrap span{color:var(--text-secondary);font-size:10px;font-family:var(--font-mono);display:block}.header-stats{align-items:center;gap:24px;display:flex}.stat-item{flex-direction:column;align-items:flex-end;display:flex}.stat-item .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stat-item .value{font-size:16px;font-weight:600;font-family:var(--font-mono)}.stat-item .value.profit{color:var(--color-up);text-shadow:0 0 10px var(--color-up-glow)}.stat-item .value.loss{color:var(--color-down);text-shadow:0 0 10px var(--color-down-glow)}.dashboard-grid{flex:1;grid-template-rows:auto auto;grid-template-columns:2.2fr 1fr;gap:20px;width:100%;max-width:1600px;margin:0 auto;padding:24px;display:grid}@media (width<=1200px){.dashboard-grid{grid-template-rows:auto;grid-template-columns:1fr}}.glow-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.glow-card:hover{border-color:#f0b90b40;box-shadow:0 8px 30px #0006}.card-title{font-family:var(--font-display);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;font-size:16px;font-weight:600;display:flex}.card-title span{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono)}.chart-card{flex-direction:column;grid-column:1;height:480px;display:flex}.chart-wrapper{background-color:var(--bg-primary);border:1px solid #ffffff05;border-radius:8px;flex:1;height:100%;position:relative;overflow:hidden}.trading-chart-container{flex-direction:column;display:flex}.chart-header-overlay{z-index:5;pointer-events:none;gap:8px;display:flex;position:absolute;top:10px;left:10px}.chart-pair-badge{background-color:var(--accent-gold-glow);color:var(--accent-gold);font-family:var(--font-mono);border:1px solid #f0b90b4d;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.chart-strategy-badge{color:var(--text-primary);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:3px 8px;font-size:10px}.chart-last-price{font-family:var(--font-mono);border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.chart-last-price.bull{background-color:var(--color-up-glow);color:var(--color-up);border:1px solid #02c0764d}.chart-last-price.bear{background-color:var(--color-down-glow);color:var(--color-down);border:1px solid #f6465d4d}.strategy-card{grid-column:1}.strategy-controls-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.form-control{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 10px #f0b90b26}.bot-switch-container{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;height:100%;padding:12px 16px;display:flex}.bot-switch-label{flex-direction:column;display:flex}.bot-switch-label .title{font-size:14px;font-weight:600}.bot-switch-label .subtitle{color:var(--text-secondary);font-size:11px}.switch-input{opacity:0;width:0;height:0;position:absolute}.switch-slider{background-color:var(--bg-primary);cursor:pointer;border:1px solid var(--border-color);border-radius:13px;width:50px;height:26px;transition:background-color .3s;display:inline-block;position:relative}.switch-slider:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:20px;height:20px;transition:transform .3s,background-color .3s;position:absolute;bottom:2px;left:2px}.switch-input:checked+.switch-slider{background-color:var(--color-up-glow);border-color:var(--color-up)}.switch-input:checked+.switch-slider:before{background-color:var(--color-up);box-shadow:0 0 8px var(--color-up);transform:translate(24px)}.stats-card{flex-direction:column;grid-area:1/2/3;gap:20px;display:flex}.metrics-subgrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metric-box{background-color:var(--bg-tertiary);border:1px solid #ffffff05;border-radius:8px;flex-direction:column;gap:4px;padding:14px;display:flex}.metric-box .label{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.metric-box .val{font-family:var(--font-mono);font-size:18px;font-weight:700}.equity-mini-chart{background-color:var(--bg-tertiary);border-radius:8px;flex-direction:column;justify-content:space-between;height:120px;padding:12px;display:flex}.equity-chart-lines{align-items:flex-end;gap:2px;height:70px;padding-top:5px;display:flex}.equity-bar{background-color:var(--accent-gold);opacity:.65;border-radius:2px;flex:1;transition:height .3s,background-color .3s}.equity-bar.positive{background-color:var(--color-up)}.equity-bar.negative{background-color:var(--color-down)}.ia-report-widget{background:linear-gradient(135deg,#f0b90b0d 0%,#181a20cc 100%);border:1px dashed #f0b90b33;border-radius:8px;padding:14px}.ia-report-header{font-family:var(--font-display);color:var(--accent-gold);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.ia-report-header .icon{animation:1.5s infinite alternate pulse}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.ia-report-body{color:var(--text-secondary);font-size:12px;font-style:italic;line-height:1.5}.transactions-card{grid-column:1/3}.tab-bar{border-bottom:1px solid var(--border-color);gap:12px;margin-bottom:16px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.tab-btn.active{color:var(--accent-gold);font-weight:600}.tab-btn.active:after{content:"";background-color:var(--accent-gold);width:100%;height:2px;box-shadow:0 0 10px var(--accent-gold);position:absolute;bottom:-1px;left:0}.table-responsive{max-height:250px;overflow-y:auto}.premium-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.premium-table th{background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:500;font-family:var(--font-sans);padding:10px 14px}.premium-table td{font-family:var(--font-mono);border-bottom:1px solid #ffffff05;padding:12px 14px}.premium-table tr:hover td{background-color:#ffffff03}.badge{text-transform:uppercase;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:700}.badge.buy{background-color:var(--color-up-glow);color:var(--color-up);border:1px solid #02c07633}.badge.sell{background-color:var(--color-down-glow);color:var(--color-down);border:1px solid #f6465d33}.badge.win{background-color:var(--color-up-glow);color:var(--color-up);border:1px solid var(--color-up)}.badge.loss{background-color:var(--color-down-glow);color:var(--color-down);border:1px solid var(--color-down)}.badge.pending{color:var(--accent-gold);background-color:#f0b90b1a;border:1px solid #f0b90b4d}.pnl-cell.positive{color:var(--color-up);font-weight:600}.pnl-cell.negative{color:var(--color-down);font-weight:600}.flash-row{animation:1.5s ease-out flashEffect}@keyframes flashEffect{0%{background-color:#f0b90b33}to{background-color:#0000}}.empty-state{text-align:center;color:var(--text-secondary);padding:32px 0;font-style:italic}.login-container{background-color:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:32px;display:flex;box-shadow:0 10px 40px #00000080}.login-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.login-logo{background:linear-gradient(135deg, var(--accent-gold) 0%, #ff8c00 100%);width:60px;height:60px;font-family:var(--font-display);color:var(--bg-primary);border-radius:12px;justify-content:center;align-items:center;font-size:32px;font-weight:800;display:flex;box-shadow:0 0 20px #f0b90b66}.login-header h2{font-family:var(--font-display);background:linear-gradient(90deg,#fff 40%,#f0b90b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px;font-weight:700}.login-header p{color:var(--text-secondary);font-size:12px}.login-form{flex-direction:column;gap:16px;display:flex}.login-button{background:linear-gradient(135deg, var(--accent-gold) 0%, #ff8c00 100%);color:var(--bg-primary);cursor:pointer;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f0b90b66}.error-banner{color:var(--color-down);text-align:center;background-color:#f6465d1a;border:1px solid #f6465d4d;border-radius:6px;padding:10px;font-size:12px}.breaker-banner{color:#fff;text-align:center;z-index:100;background:linear-gradient(90deg,#8b0000 0%,red 50%,#8b0000 100%);justify-content:space-between;align-items:center;padding:12px 24px;font-size:13px;font-weight:700;animation:2s ease-in-out infinite breakerGlow;display:flex;box-shadow:0 4px 15px #ff00004d}@keyframes breakerGlow{0%{opacity:.95}50%{opacity:1;filter:brightness(1.2)}to{opacity:.95}}.breaker-btn{color:#8b0000;cursor:pointer;background-color:#fff;border:none;border-radius:4px;padding:6px 14px;font-size:11px;font-weight:700;transition:background-color .2s}.breaker-btn:hover{background-color:#f0f0f0}.status-row{align-items:center;gap:16px;display:flex}.status-dot-wrap{border:1px solid var(--border-color);background-color:#ffffff08;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background-color:var(--color-up);box-shadow:0 0 8px var(--color-up)}.status-dot.offline{background-color:var(--color-down);box-shadow:0 0 8px var(--color-down)}.status-text{text-transform:uppercase;font-size:11px;font-weight:600}