:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-elevated:#30363d;--border-primary:#30363d;--border-secondary:#21262d;--border-active:#58a6ff;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--text-placeholder:#484f58;--accent-blue:#58a6ff;--accent-blue-hover:#79b8ff;--accent-blue-bg:#58a6ff26;--color-success:#3fb950;--color-success-bg:#3fb95026;--color-error:#f85149;--color-error-bg:#f8514926;--color-warning:#d29922;--color-warning-bg:#d2992226;--btn-primary-bg:#238636;--btn-primary-hover:#2ea043;--btn-secondary-bg:#21262d;--btn-secondary-hover:#30363d;--btn-danger-bg:#da3633;--btn-danger-hover:#f85149;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif;--font-mono:"SF Mono","Consolas","Liberation Mono",Menlo,monospace;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 12px 40px #0009;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--z-dropdown:100;--z-sticky:200;--z-modal:500;--z-tooltip:600;--z-toast:700;--navbar-height:56px;--sidebar-width:380px;--max-width:1400px;--gap-sm:8px;--gap-md:12px;--gap-lg:16px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#161b22;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#30363d;background:var(--bg-elevated);border-radius:4px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#6e7681;background:var(--text-muted)}::selection{background:#58a6ff;background:var(--accent-blue);color:#e6edf3;color:var(--text-primary)}:focus-visible{outline:2px solid #58a6ff;outline:2px solid var(--accent-blue);outline-offset:2px}.text-primary{color:#e6edf3;color:var(--text-primary)}.text-secondary{color:#8b949e;color:var(--text-secondary)}.text-muted{color:#6e7681;color:var(--text-muted)}.text-success{color:#3fb950;color:var(--color-success)}.text-error{color:#f85149;color:var(--color-error)}.text-warning{color:#d29922;color:var(--color-warning)}.text-accent{color:#58a6ff;color:var(--accent-blue)}.bg-primary{background-color:#0d1117;background-color:var(--bg-primary)}.bg-secondary{background-color:#161b22;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#21262d;background-color:var(--bg-tertiary)}.text-xs{font-size:11px;font-size:var(--text-xs)}.text-sm{font-size:12px;font-size:var(--text-sm)}.text-base{font-size:14px;font-size:var(--text-base)}.text-lg{font-size:16px;font-size:var(--text-lg)}.text-xl{font-size:18px;font-size:var(--text-xl)}.text-2xl{font-size:20px;font-size:var(--text-2xl)}.font-normal{font-weight:400;font-weight:var(--font-normal)}.font-medium{font-weight:500;font-weight:var(--font-medium)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.font-bold{font-weight:700;font-weight:var(--font-bold)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal)}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-semibold);line-height:var(--leading-tight)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-blue-hover)}code{background:var(--bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);padding:2px 6px}button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.5}.btn-primary,button.primary{background:var(--btn-primary-bg);color:var(--text-primary)}.btn-primary:hover:not(:disabled),button.primary:hover:not(:disabled){background:var(--btn-primary-hover)}.btn-secondary,button.secondary{background:var(--btn-secondary-bg);border:1px solid var(--border-primary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled),button.secondary:hover:not(:disabled){background:var(--btn-secondary-hover);border-color:var(--text-muted)}.btn-danger,button.danger{background:var(--btn-danger-bg);color:var(--text-primary)}.btn-danger:hover:not(:disabled),button.danger:hover:not(:disabled){background:var(--btn-danger-hover)}.btn-ghost,button.ghost{background:#0000;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled),button.ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}input,select,textarea{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);padding:var(--space-3) var(--space-3);transition:border-color var(--transition-fast),background-color var(--transition-fast);width:100%}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}input:focus,select:focus,textarea:focus{background:var(--bg-tertiary);border-color:var(--accent-blue);outline:none}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236e7681' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:var(--space-10)}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.badge{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.badge.success{background:var(--color-success-bg);color:var(--color-success)}.badge.error{background:var(--color-error-bg);color:var(--color-error)}.badge.warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge.info{background:var(--accent-blue-bg);color:var(--accent-blue)}.status-dot{background:currentColor;border-radius:var(--radius-full);height:6px;width:6px}.spinner{border:2px solid var(--border-primary);border-radius:var(--radius-full);border-top-color:var(--accent-blue)}.message{border-radius:var(--radius-md);font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.message.error{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error)}.message.success{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success)}.container{margin:0 auto;max-width:var(--max-width);padding:0 var(--space-5)}[dir=rtl]{direction:rtl}@media (max-width:768px){html{font-size:14px}.container{padding:0 var(--space-3)}button{min-height:44px;padding:var(--space-3) var(--space-4)}input,select,textarea{font-size:16px;min-height:44px}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;overflow:auto;padding-top:var(--navbar-height)}.page-container{margin:0 auto;max-width:var(--max-width);padding:var(--space-5)}.page-header{margin-bottom:var(--space-8)}.page-header h1{font-size:var(--text-3xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.page-header p{color:var(--text-secondary);font-size:var(--text-base)}.grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.main-content{padding-bottom:70px;padding-top:var(--navbar-height)}.page-container{padding:var(--space-3)}.page-header{margin-bottom:var(--space-5)}.page-header h1{font-size:var(--text-2xl)}.page-header button,.page-header p{font-size:var(--text-sm)}.page-header button{padding:var(--space-2) var(--space-4)}.grid{gap:var(--space-3)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);height:var(--navbar-height);left:0;position:fixed;right:0;top:0;z-index:var(--z-sticky)}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:0 var(--space-5)}.navbar-brand h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-blue) 0,#a855f7 100%);-webkit-background-clip:text;background-clip:text;font-size:var(--text-2xl);font-weight:var(--font-bold)}.navbar-links{display:flex;flex:1 1;gap:var(--space-1);justify-content:center}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background:var(--accent-blue-bg);color:var(--accent-blue)}.navbar-actions{align-items:center;display:flex;gap:var(--space-4)}.language-selector{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.user-menu-container{position:relative}.user-button{align-items:center;background:var(--btn-primary-bg);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.user-button:hover{background:var(--btn-primary-hover)}.user-button .dropdown-arrow{font-size:var(--text-xs);transition:transform var(--transition-fast)}.user-dropdown{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:180px;padding:var(--space-2);position:absolute;right:0;top:calc(100% + var(--space-2));z-index:var(--z-dropdown)}.user-dropdown a,.user-dropdown button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-base);gap:var(--space-2);padding:var(--space-3);text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--bg-tertiary)}.login-button{background:var(--btn-primary-bg);border-radius:var(--radius-md);color:var(--text-primary);display:inline-block;font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-2) var(--space-5);text-decoration:none;transition:all var(--transition-fast)}.login-button:hover{background:var(--btn-primary-hover);color:var(--text-primary)}.mobile-nav-bottom{display:none}@media (max-width:768px){.navbar{height:var(--navbar-height)}.navbar-container{padding:0 var(--space-3)}.navbar-links{display:none}.navbar-brand h1{font-size:var(--text-xl)}.navbar-actions{gap:var(--space-2)}.language-selector{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.user-button{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.mobile-nav-bottom{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-primary);bottom:0;display:flex;height:60px;justify-content:space-around;left:0;padding:0 var(--space-2);position:fixed;right:0;z-index:var(--z-sticky)}.mobile-nav-item{align-items:center;border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--text-xs);gap:var(--space-1);justify-content:center;min-width:60px;padding:var(--space-2) var(--space-3);text-align:center;text-decoration:none;transition:all var(--transition-fast)}.mobile-nav-item.active{background:var(--accent-blue-bg);color:var(--accent-blue)}.mobile-nav-item .icon,.mobile-nav-item svg{font-size:var(--text-xl);margin-bottom:2px}}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background-color:#1a1a1a;padding:20px}.stat-label{font-size:13px;margin-bottom:8px}.stat-value{font-size:28px;margin-bottom:4px}.stat-value.positive{color:#10b981}.stat-change{color:#6b7280;font-size:13px}.dashboard-content{grid-gap:20px;display:grid;gap:20px}.chart-section{min-height:600px}.chart-section h2{font-size:18px;margin-bottom:20px}.trading-chart{width:100%}.chart-header{margin-bottom:10px}.chart-header h3{color:#9ca3af;font-size:16px}.positions-section,.strategies-section{background-color:#1a1a1a}.strategy-list{display:flex;flex-direction:column;gap:12px}.strategy-item{align-items:center;background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:6px;display:flex;justify-content:space-between;padding:16px;transition:border-color .2s}.strategy-item:hover{border-color:#3b82f6}.strategy-info h3{font-size:15px;margin-bottom:4px}.strategy-info p{color:#6b7280;font-size:13px}.strategy-stats{align-items:center;display:flex;gap:12px}.pnl{font-size:15px;font-weight:600}.pnl.positive{color:#10b981}.pnl.negative{color:#ef4444}.status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.status.running{background-color:#10b9811a;color:#10b981}.status.paused{background-color:#fbbf241a;color:#fbbf24}.status.stopped{background-color:#6b72801a;color:#6b7280}.positions-table{border-collapse:collapse;margin-top:16px;width:100%}.positions-table td,.positions-table th{border-bottom:1px solid #2a2a2a;padding:12px;text-align:left}.positions-table th{color:#9ca3af;font-size:13px;font-weight:500}.positions-table td{font-size:14px}.side-long{color:#10b981;font-weight:600}.side-short{color:#ef4444;font-weight:600}@media (max-width:768px){.dashboard-grid{gap:12px;grid-template-columns:1fr 1fr}.stat-card{padding:16px}.stat-label{font-size:12px}.stat-value{font-size:22px}.stat-change{font-size:12px}.chart-section{min-height:auto;overflow-x:auto}.chart-section h2{font-size:16px;margin-bottom:12px}.trading-chart{overflow-x:auto}.strategy-item{padding:12px}.strategy-info h3{font-size:14px}.strategy-info p{font-size:12px}.strategy-stats{align-items:flex-end;flex-direction:column;gap:4px}.pnl{font-size:14px}.status{font-size:11px;padding:3px 10px}.positions-table{display:block;font-size:11px;overflow-x:auto;white-space:nowrap}.positions-table tbody,.positions-table thead{display:table;table-layout:fixed;width:100%}.positions-table td,.positions-table th{padding:8px 6px}@media (max-width:400px){.dashboard-grid{grid-template-columns:1fr}}}.create-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.input-section,.output-section,.placeholder-section{background-color:#1a1a1a}.input-section h2,.output-section h2{font-size:18px;margin-bottom:20px}.model-selector{align-items:center;display:flex;gap:12px;margin-bottom:16px}.model-selector label{color:#9ca3af;font-size:14px}.model-selector select{flex:1 1;max-width:300px}.strategy-input{background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;color:#e0e0e0;font-family:inherit;font-size:14px;min-height:200px;padding:16px;resize:vertical;width:100%}.strategy-input:focus{border-color:#3b82f6;outline:none}.input-actions{display:flex;gap:12px;margin-top:16px}.voice-button{background-color:#374151;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.voice-button:hover{background-color:#4b5563}.voice-button.recording{animation:pulse 1.5s infinite;background-color:#ef4444}.generate-button{flex:1 1;padding:12px 24px}.loading-indicator{align-items:center;background-color:#3b82f61a;border:1px solid #3b82f6;border-radius:6px;display:flex;gap:12px;margin-top:20px;padding:16px}.spinner{animation:spin .8s linear infinite;border:3px solid #2a2a2a;border-top-color:#3b82f6;height:20px;width:20px}.strategy-preview{display:flex;flex-direction:column;gap:20px}.strategy-preview h3{font-size:20px;margin-bottom:8px}.strategy-preview>p{color:#9ca3af;margin-bottom:12px}.strategy-code{background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:6px;padding:16px}.strategy-code h4{color:#9ca3af;font-size:14px;margin-bottom:12px}.strategy-code pre{color:#e0e0e0;font-family:Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.strategy-actions{display:flex;gap:12px;margin-top:20px}.strategy-actions button{flex:1 1;padding:12px}.placeholder-section{align-items:center;display:flex;justify-content:center;min-height:500px}.placeholder-content{max-width:500px;text-align:left}.placeholder-content h3{font-size:18px;margin-bottom:12px;margin-top:24px}.placeholder-content h3:first-child{margin-top:0}.placeholder-content ul{list-style:none;margin-bottom:16px;padding:0}.placeholder-content li{color:#9ca3af;font-size:14px;padding:8px 0}.placeholder-content li:before{color:#3b82f6;content:"•";display:inline-block;font-weight:700;margin-right:8px;width:1em}.example-prompts{display:flex;flex-direction:column;gap:8px}.example-prompts button{background-color:#374151;border:none;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:13px;padding:12px 16px;text-align:left;transition:all .2s}.example-prompts button:hover{background-color:#3b82f6;color:#fff}@media (max-width:1024px){.create-grid{grid-template-columns:1fr}}@media (max-width:768px){.input-section,.output-section,.placeholder-section{padding:16px}.input-section h2,.output-section h2{font-size:16px;margin-bottom:16px}.model-selector{align-items:flex-start;flex-direction:column}.model-selector select{max-width:100%;width:100%}.strategy-input{font-size:16px;min-height:150px}.input-actions{flex-direction:column;gap:10px}.generate-button,.voice-button{padding:14px 20px;width:100%}.strategy-preview h3{font-size:18px}.strategy-code{padding:12px}.strategy-code pre{font-size:12px;overflow-x:auto}.strategy-actions{flex-direction:column}.strategy-actions button{width:100%}.placeholder-content h3{font-size:16px}.example-prompts button{font-size:14px;padding:14px 16px}}.backtest-chart-container{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px}.chart-wrapper{border-radius:8px;min-height:500px;overflow:hidden;width:100%}.playback-controls{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:16px}.control-buttons{gap:8px}.control-btn,.control-buttons{align-items:center;display:flex}.control-btn{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e5e7eb;cursor:pointer;font-size:20px;height:48px;justify-content:center;transition:all .2s;width:48px}.control-btn:hover{background:#3a3a3a;border-color:#3b82f6;transform:scale(1.05)}.control-btn.primary{background:#3b82f6;border-color:#3b82f6}.control-btn.primary:hover{background:#2563eb;border-color:#2563eb}.timeline{display:flex;flex:1 1;flex-direction:column;gap:8px}.timeline-slider{-webkit-appearance:none;appearance:none;background:#2a2a2a;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s;transition:all .2s;width:16px}.timeline-slider::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.2)}.timeline-slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .2s;transition:all .2s;width:16px}.timeline-slider::-moz-range-thumb:hover{background:#2563eb;transform:scale(1.2)}.timeline-info{align-items:center;display:flex;justify-content:space-between}.timeline-text{color:#9ca3af;font-size:13px}.speed-controls{align-items:center;display:flex;gap:8px}.speed-label{color:#9ca3af;font-size:14px;margin-right:8px}.speed-btn{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e5e7eb;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.speed-btn:hover{background:#3a3a3a;border-color:#3b82f6}.speed-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}@media (max-width:768px){.playback-controls{padding:12px}.control-btn{font-size:18px;height:40px;width:40px}.speed-controls{flex-wrap:wrap}.speed-btn{font-size:12px;padding:6px 12px}}.trades-table-container{display:flex;flex-direction:column;gap:20px}.trades-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s}.stat-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.stat-label{color:#9ca3af;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#e5e7eb;font-size:24px;font-weight:700}.stat-value.positive{color:#22c55e}.stat-value.negative{color:#ef4444}.trades-table-wrapper{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;overflow-x:auto;width:100%}.trades-table{border-collapse:collapse;font-size:14px;width:100%}.trades-table thead{background:#0f0f0f;position:-webkit-sticky;position:sticky;top:0;z-index:1}.trades-table th{border-bottom:2px solid #2a2a2a;color:#e5e7eb;font-weight:600;padding:16px 12px;text-align:left;white-space:nowrap}.trades-table tbody tr{border-bottom:1px solid #2a2a2a;transition:all .2s}.trades-table tbody tr:hover{background:#2a2a2a}.trades-table tbody tr:last-child{border-bottom:none}.trades-table td{color:#e5e7eb;padding:14px 12px}.trade-time{color:#9ca3af;font-size:13px;white-space:nowrap}.trade-type{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px;white-space:nowrap}.trade-type.buy{background:#22c55e1a;color:#22c55e}.trade-type.sell{background:#ef44441a;color:#ef4444}.trade-price{font-family:Courier New,monospace;font-weight:600}.trade-quantity{text-align:center}.trade-cumulative,.trade-pnl{font-family:Courier New,monospace;font-weight:700;text-align:right}.trade-cumulative.positive,.trade-pnl.positive{color:#22c55e}.trade-cumulative.negative,.trade-pnl.negative{color:#ef4444}.trade-commission{color:#ef4444;font-family:Courier New,monospace;text-align:right}.trade-reason{font-size:13px}.empty-message,.trade-reason{color:#9ca3af;font-style:italic}.empty-message{padding:40px!important;text-align:center}@media (max-width:1024px){.trades-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-value{font-size:20px}.trades-table{font-size:13px}.trades-table td,.trades-table th{padding:12px 8px}}@media (max-width:768px){.trades-stats{grid-template-columns:1fr 1fr}.trades-table{font-size:12px}.trades-table td,.trades-table th{padding:10px 6px}.trade-type{font-size:11px;padding:3px 6px}}.data-availability{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;margin-bottom:24px;padding:20px}.data-availability h3{color:#e5e7eb;font-size:18px;margin:0 0 16px}.availability-info{display:flex;flex-direction:column;gap:16px}.availability-status{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:8px;padding:12px 16px}.availability-status.success{background:#22c55e1a;border:1px solid #22c55e;color:#22c55e}.availability-status.warning{background:#fbbf241a;border:1px solid #fbbf24;color:#fbbf24}.status-icon{font-size:20px}.intervals-list{display:flex;flex-direction:column;gap:8px}.interval-item{align-items:center;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:6px;display:flex;gap:12px;padding:12px}.interval-badge{background:#3b82f6;border-radius:4px;color:#fff;font-size:12px;font-weight:600;min-width:40px;padding:4px 8px;text-align:center}.interval-range{color:#e5e7eb;flex:1 1;font-size:14px}.interval-count{color:#9ca3af;font-size:13px}.btn-download,.btn-refresh{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-download.primary{background:#3b82f6;color:#fff}.btn-download.primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-refresh{background:#0000;border:1px solid #2a2a2a;color:#e5e7eb}.btn-refresh:hover{background:#2a2a2a;border-color:#3b82f6}.download-progress{display:flex;flex-direction:column;gap:8px}.progress-bar{background:#2a2a2a;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);height:100%;transition:width .3s ease}.progress-text{color:#9ca3af;font-size:14px;text-align:center}.error-message{border-radius:6px}.info-text{color:#9ca3af;font-size:13px;font-style:italic;margin:0}@media (max-width:768px){.interval-item{align-items:flex-start;flex-direction:column;gap:8px}.interval-badge{align-self:flex-start}}.live-bot-chart{background:var(--bg-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.chart-controls{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);justify-content:space-between;padding:var(--space-2) var(--space-3)}.chart-controls,.chart-controls-left{align-items:center;display:flex;gap:var(--space-3)}.chart-controls-left{min-width:0}.chart-symbol-info{align-items:center;display:flex;gap:var(--space-2)}.chart-symbol-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap}.trading-status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:var(--font-medium);gap:6px;padding:4px 10px;white-space:nowrap}.trading-status-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.trading-status-badge[data-status=trading] .trading-status-dot{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.timeframe-selector{display:flex;gap:var(--space-1)}.tf-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.tf-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tf-btn.active{background:var(--accent-blue);color:var(--text-primary)}.chart-type-selector{display:flex;gap:var(--space-1)}.type-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all var(--transition-fast);width:32px}.type-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.type-btn.active{background:var(--bg-tertiary);color:var(--accent-blue)}.type-btn svg{height:16px;width:16px}.live-bot-chart-wrapper{flex:1 1;min-height:0;width:100%}.live-bot-chart-empty,.live-bot-chart-loading{align-items:center;background:#0d1117f2;border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--text-base);gap:var(--space-3);left:50%;padding:var(--space-6) var(--space-8);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:20}.live-bot-chart-empty{pointer-events:auto}.loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--border-primary);border-radius:var(--radius-full);border-top-color:var(--accent-blue);height:24px;width:24px}.live-bot-chart-loading-more{align-items:center;background:#000000bf;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2);left:var(--space-3);padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;top:50px;z-index:10}.loading-spinner.small{border-width:2px;height:14px;width:14px}.download-data-btn{background:var(--btn-primary-bg);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);margin-top:var(--space-3);padding:var(--space-2) var(--space-4);transition:background var(--transition-fast)}.download-data-btn:hover{background:var(--btn-primary-hover)}.config-panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);flex-direction:column;grid-area:config;height:100%;min-height:0}.config-panel,.config-panel-title{display:flex;justify-content:space-between}.config-panel-title{align-items:center;border-bottom:1px solid var(--border-primary);color:var(--text-primary);flex-shrink:0;font-size:var(--text-lg);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-5)}.info-icon{color:var(--text-muted);cursor:help;font-size:var(--text-base)}.info-icon.small{font-size:var(--text-sm)}.config-panel-body{flex:1 1;min-height:0;overflow-y:auto;padding:var(--space-4) var(--space-5) var(--space-6)}.config-field{margin-bottom:var(--space-4)}.config-field label{color:var(--text-muted);display:block;font-size:var(--text-sm);margin-bottom:var(--space-2)}.config-field input,.config-field select{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast);width:100%}.config-field input:focus,.config-field select:focus{border-color:var(--accent-blue);outline:none}.config-hint{color:var(--text-muted);display:block;font-size:var(--text-xs);margin-top:var(--space-2)}.sandbox-fund-row{align-items:center;display:flex;gap:var(--space-3);margin-top:var(--space-3)}.sandbox-fund-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.sandbox-fund-btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--accent-blue);color:var(--text-primary)}.sandbox-fund-btn:disabled{cursor:not-allowed;opacity:.5}.funding-message{color:var(--color-success);font-size:var(--text-xs)}.config-field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236e7681' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:var(--space-10)}.asset-selector{position:relative}.asset-selector-trigger{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-base);justify-content:space-between;padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast);width:100%}.asset-selector-trigger.open,.asset-selector-trigger:hover{border-color:var(--accent-blue)}.asset-selector-label{color:var(--text-muted);font-size:var(--text-xs);margin-bottom:2px}.asset-selector-value{font-weight:var(--font-medium)}.asset-selector-arrow{color:var(--text-muted);font-size:var(--text-xs);transition:transform var(--transition-fast)}.asset-selector-arrow.open{transform:rotate(180deg)}.asset-dropdown{background:var(--bg-secondary);border:1px solid var(--accent-blue);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-2));z-index:var(--z-dropdown)}.asset-search{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.asset-search-icon{color:var(--text-muted);font-size:var(--text-sm)}.asset-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:var(--text-sm);outline:none}.asset-search input::placeholder,.asset-table-header{color:var(--text-muted)}.asset-table-header{grid-gap:var(--space-2);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:grid;font-size:var(--text-xs);gap:var(--space-2);grid-template-columns:1fr 100px 90px;padding:var(--space-2) var(--space-4)}.asset-table-header span{align-items:center;cursor:pointer;display:flex;gap:4px}.asset-table-header span:hover{color:var(--text-secondary)}.asset-list{max-height:320px;overflow-y:auto}.asset-row{grid-gap:var(--space-2);border-left:3px solid #0000;cursor:pointer;display:grid;gap:var(--space-2);grid-template-columns:1fr 100px 90px;padding:var(--space-3) var(--space-4);transition:background var(--transition-fast)}.asset-row.selected,.asset-row:hover{background:var(--bg-tertiary)}.asset-row.selected{border-left-color:var(--accent-blue)}.asset-info{display:flex;flex-direction:column;gap:2px;min-width:0}.asset-ticker{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.asset-name{color:var(--text-muted);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-price{align-items:flex-end;display:flex;flex-direction:column;font-size:var(--text-sm);gap:2px}.asset-price-value{color:var(--text-primary);font-weight:var(--font-medium)}.asset-price-usd{color:var(--text-muted);font-size:var(--text-xs)}.asset-change{align-items:center;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);justify-content:flex-end}.asset-change.positive{color:var(--color-success)}.asset-change.negative{color:var(--color-error)}.asset-type{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-muted);font-size:9px;margin-left:var(--space-2);padding:2px 6px;text-transform:uppercase}.config-slider{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-5)}.slider-track{background:var(--bg-elevated);border-radius:var(--radius-sm);flex:1 1;height:6px;position:relative}.slider-track input[type=range]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.slider-fill{background:linear-gradient(90deg,var(--accent-blue),var(--accent-blue-hover));border-radius:var(--radius-sm);height:100%;left:0;pointer-events:none;position:absolute;top:0}.slider-value{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-medium);min-width:50px;text-align:right}.config-section{background:var(--bg-tertiary);border-radius:var(--radius-xl);margin-bottom:var(--space-4);padding:var(--space-4)}.config-section-title{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.config-row{display:flex;gap:var(--space-3)}.config-field.half{flex:1 1;margin-bottom:var(--space-3)}.config-field.half:last-child{margin-bottom:0}.config-toggle{border-top:1px solid var(--border-secondary);justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3) 0}.config-toggle,.toggle-info{align-items:center;display:flex}.toggle-info{color:var(--text-primary);font-size:var(--text-base);gap:var(--space-2)}.toggle-switch{cursor:pointer;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:var(--bg-elevated);inset:0;transition:background var(--transition-fast)}.toggle-slider,.toggle-slider:before{border-radius:var(--radius-full);position:absolute}.toggle-slider:before{background:var(--text-primary);content:"";height:18px;left:3px;top:3px;transition:transform var(--transition-fast);width:18px}.toggle-switch input:checked+.toggle-slider{background:var(--accent-blue)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.config-error{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-3);padding:var(--space-3) var(--space-4)}.config-panel-footer{border-top:1px solid var(--border-primary);flex-shrink:0;padding:var(--space-4) var(--space-5)}.config-action-btn{background:linear-gradient(135deg,var(--btn-primary-bg),var(--btn-primary-hover));border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-4);transition:all var(--transition-fast);width:100%}.config-action-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.config-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:900px){.config-panel-body,.config-panel-footer{padding:var(--space-3) var(--space-4)}.config-row{flex-direction:column;gap:0}.config-field.half{margin-bottom:var(--space-3)}}.bot-list{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;grid-area:bots;height:100%;min-height:0;overflow:hidden}.bot-list-tabs{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-3) var(--space-4)}.bot-list-tabs-left{align-items:center;display:flex;gap:var(--space-1)}.bot-list-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast);white-space:nowrap}.bot-list-tab.active,.bot-list-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-count{background:var(--accent-blue);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px var(--space-2)}.bot-list-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-10)}.bot-list-empty-icon{color:var(--bg-elevated)}.bot-list-empty-text{color:var(--text-secondary);font-size:var(--text-base);margin:0}.bot-list-empty-hint{color:var(--text-muted);font-size:var(--text-sm);margin:0}.bot-list-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);overflow-y:auto;padding:var(--space-3)}.bot-list .bot-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;padding:0;transition:border-color var(--transition-fast)}.bot-list .bot-card:hover{border-color:var(--text-muted)}.bot-list .bot-card.selected{background:var(--accent-blue-bg);border-color:var(--accent-blue)}.bot-list .bot-card-header{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4)}.bot-list .bot-expand-icon{color:var(--text-muted);flex-shrink:0;font-size:var(--text-xs);transition:transform var(--transition-fast)}.bot-list .bot-expand-icon.expanded{transform:rotate(90deg)}.bot-list .bot-info{display:flex;flex-direction:column;gap:2px;min-width:100px}.bot-list .bot-symbol{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.bot-list .bot-strategy{color:var(--text-muted);font-size:var(--text-sm)}.bot-list .bot-status-badge{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-1) var(--space-3)}.bot-list .bot-status-badge.running{background:var(--color-success-bg);color:var(--color-success)}.bot-list .bot-status-badge.paused{background:var(--color-warning-bg);color:var(--color-warning)}.bot-list .bot-status-badge.stopped{background:var(--bg-elevated);color:var(--text-muted)}.bot-list .status-dot{background:currentColor;border-radius:var(--radius-full);height:6px;width:6px}.bot-list .bot-stats{display:flex;flex-shrink:0;gap:var(--space-6);margin-left:auto}.bot-list .bot-stat{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.bot-list .bot-stat .stat-value{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.bot-list .bot-stat .stat-label{color:var(--text-muted);font-size:var(--text-xs)}.bot-list .bot-stat.pnl.positive .stat-value{color:var(--color-success)}.bot-list .bot-stat.pnl.negative .stat-value{color:var(--color-error)}.bot-list .bot-controls{display:flex;flex-shrink:0;gap:var(--space-2);margin-left:var(--space-4)}.bot-list .bot-control-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-base);height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.bot-list .bot-control-btn:hover{background:var(--bg-elevated)}.bot-list .bot-control-btn.pause:hover{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.bot-list .bot-control-btn.resume:hover{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.bot-list .bot-control-btn.stop:hover{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.bot-list .bot-card-content{border-top:1px solid var(--border-primary);padding:0 var(--space-4) var(--space-4)}.bot-list .bot-details{border-bottom:1px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-3);padding:var(--space-3) 0}.bot-list .detail-item{display:flex;font-size:var(--text-sm);gap:var(--space-2)}.bot-list .detail-label{color:var(--text-muted)}.bot-list .detail-value{color:var(--text-primary);font-weight:var(--font-medium)}.bot-list .bot-trades-table-container{max-height:300px;overflow-y:auto}.bot-list .bot-trades-table{border-collapse:collapse;font-size:var(--text-sm);width:100%}.bot-list .bot-trades-table th{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);color:var(--text-muted);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);position:-webkit-sticky;position:sticky;text-align:left;top:0}.bot-list .bot-trades-table td{border-bottom:1px solid var(--border-secondary);color:var(--text-primary);padding:var(--space-2) var(--space-3)}.bot-list .bot-trades-table tbody tr:hover{background:var(--bg-elevated)}.bot-list .trade-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--text-xs);font-weight:var(--font-medium);padding:2px var(--space-2)}.bot-list .trade-badge.buy{background:var(--accent-blue-bg);color:var(--accent-blue)}.bot-list .trade-badge.sell{background:var(--color-error-bg);color:var(--color-error)}.bot-list .bot-trades-table .positive{color:var(--color-success)}.bot-list .bot-trades-table .negative{color:var(--color-error)}.bot-list .empty-trades{color:var(--text-muted);padding:var(--space-5)!important;text-align:center}.bot-list .trades-more{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-2);text-align:center}@media (max-width:900px){.bot-list-tabs-left{-webkit-overflow-scrolling:touch;overflow-x:auto}.bot-list .bot-card-header{flex-wrap:wrap;gap:var(--space-2)}.bot-list .bot-stats{justify-content:space-between;margin-left:0;margin-top:var(--space-2);width:100%}.bot-list .bot-controls{margin-left:auto}}.trading-page{background:var(--bg-primary);display:flex;flex-direction:column;height:calc(100vh - var(--navbar-height));overflow:hidden;padding:var(--space-4)}.trading-layout{grid-gap:var(--gap-lg);display:grid;flex:1 1;gap:var(--gap-lg);grid-template-areas:"chart  config" "bots   config";grid-template-columns:1fr var(--sidebar-width);grid-template-rows:clamp(420px,55vh,700px) 1fr;margin:0 auto;max-width:var(--max-width);min-height:0;width:100%}.trading-chart{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;grid-area:chart;min-height:350px;overflow:hidden}.chart-container{flex:1 1;min-height:0}.ws-status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);gap:var(--space-2);padding:var(--space-1) var(--space-3)}.ws-status.connected{background:var(--color-success-bg);color:var(--color-success)}.ws-status.disconnected{background:var(--color-error-bg);color:var(--color-error)}.ws-status-dot{background:currentColor;border-radius:var(--radius-full);height:6px;width:6px}.empty-state{align-items:center;display:flex;justify-content:center;min-height:400px}.empty-state .card{max-width:500px;padding:var(--space-12) var(--space-8);text-align:center}.error-message{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}@media (max-width:1200px){.trading-layout{grid-template-columns:1fr 320px}}@media (max-width:900px){.trading-page{height:auto;min-height:calc(100vh - var(--navbar-height));overflow:auto;padding:var(--space-2)}.trading-layout{gap:var(--gap-sm);grid-template-areas:"config" "chart" "bots";grid-template-columns:1fr;grid-template-rows:auto 50% 1fr}.trading-chart{min-height:300px}}.broker-connection{width:100%}.broker-connection .card{padding:24px}.broker-connection h2{font-size:20px;font-weight:600;margin-bottom:24px}.connection-form{display:flex;flex-direction:column;gap:20px;max-width:600px}.form-group input[type=password],.form-group input[type=text]{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#e5e7eb;font-size:14px;padding:12px}.form-group input[type=password]:focus,.form-group input[type=text]:focus{border-color:#3b82f6;outline:none}.form-group input[type=password]:disabled,.form-group input[type=text]:disabled{cursor:not-allowed;opacity:.5}.form-group small{color:#9ca3af;font-size:12px}.form-group small a{color:#3b82f6;text-decoration:none}.form-group small a:hover{text-decoration:underline}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.error-message{border:1px solid #ef4444;color:#ef4444;font-size:14px}.connection-info{display:flex;flex-direction:column;gap:24px}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;font-weight:500;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.status-badge.connected{background:#22c55e1a;border:1px solid #22c55e;color:#22c55e}.account-details{display:flex;flex-direction:column;gap:16px}.account-details h3{font-size:16px;font-weight:600;margin:0}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{background:#1a1a1a;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.info-item .label{color:#9ca3af;font-size:12px}.info-item .value{color:#e5e7eb;font-size:16px;font-weight:600}.futures-list{display:flex;flex-direction:column;gap:16px}.futures-list h3{font-size:16px;font-weight:600;margin:0}.search-box{align-items:center;display:flex;position:relative}.search-input{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#e5e7eb;font-size:14px;padding:12px 40px 12px 16px;transition:all .2s;width:100%}.search-input:focus{background:#0f0f0f;border-color:#3b82f6;outline:none}.search-input::placeholder{color:#6b7280}.clear-search{align-items:center;background:#0000;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;position:absolute;right:12px;transition:all .2s;width:24px}.clear-search:hover{background:#ef44441a;border-radius:4px;color:#ef4444}.futures-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.future-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s}.future-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.future-header{align-items:center;display:flex;justify-content:space-between}.future-ticker{color:#3b82f6;font-size:18px;font-weight:700}.future-currency{background:#3b82f61a;border-radius:4px;color:#9ca3af;font-size:12px;padding:4px 8px}.future-name{color:#e5e7eb;font-size:14px}.future-details{border-top:1px solid #2a2a2a;display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px}.future-details small{color:#9ca3af;font-size:12px}button.primary,button.secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;width:-webkit-fit-content;width:fit-content}button.primary:hover:not(:disabled){background:#2563eb}button.primary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.broker-connection .card{padding:16px}.futures-grid,.info-grid{grid-template-columns:1fr}.form-group input[type=password],.form-group input[type=text]{font-size:16px}}.profile-content{display:flex;flex-direction:column;gap:24px}.profile-content .card{padding:24px}.profile-content h2{font-size:20px;font-weight:600;margin-bottom:24px}.form-section{gap:20px;max-width:500px}.form-group,.form-section{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#e5e7eb;font-size:14px;font-weight:500}.form-group input,.form-group select{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#e5e7eb;font-size:14px;padding:12px}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;outline:none}.subscription-info{display:flex;flex-direction:column;gap:24px}.current-plan{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:16px}.plan-badge{border-radius:6px;display:inline-block;font-size:14px;font-weight:600;margin-bottom:12px;padding:6px 12px}.plan-badge.free{background:#9ca3af1a;border:1px solid #9ca3af;color:#9ca3af}.current-plan p{color:#9ca3af;margin:0}.plan-features h3,.upgrade-section h3{font-size:16px;font-weight:600;margin-bottom:12px}.plan-features ul,.upgrade-section ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.plan-features li,.upgrade-section li{color:#e5e7eb;font-size:14px}.upgrade-section{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f6;border-radius:12px;padding:24px}.price{color:#3b82f6;font-size:32px;font-weight:700;margin:12px 0 16px}.upgrade-btn{margin-top:16px;width:100%}.danger-zone{border-top:1px solid #2a2a2a;margin-top:32px;padding-top:24px}.danger-zone h3{color:#ef4444;font-size:16px;font-weight:600;margin-bottom:8px}.danger-zone p{color:#9ca3af;font-size:14px;margin-bottom:16px}button.danger,button.primary,button.secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;width:-webkit-fit-content;width:fit-content}button.primary{background:#3b82f6;color:#fff}button.primary:hover{background:#2563eb}button.secondary{background:#0000;border:1px solid #2a2a2a;color:#e5e7eb}button.secondary:hover{background:#1a1a1a;border-color:#3b82f6}button.danger{background:#0000;border:1px solid #ef4444;color:#ef4444}button.danger:hover{background:#ef44441a}@media (max-width:768px){.profile-content .card{padding:16px}.form-section{max-width:100%}.upgrade-btn{width:100%}}.yandex-login-button{align-items:center;background:#fc0;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;max-width:400px;padding:12px 24px;transition:all .2s ease;width:100%}.yandex-login-button:hover{background:#ffdb4d;box-shadow:0 4px 12px #ffcc004d;transform:translateY(-2px)}.yandex-login-button:active{transform:translateY(0)}.yandex-login-button svg{flex-shrink:0}@media (max-width:768px){.yandex-login-button{font-size:16px;max-width:none;width:100%}}.login-container{align-items:center;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:480px;overflow:hidden;width:100%}.login-header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:32px;text-align:center}.login-header h1{font-size:36px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.login-header p{font-size:14px;font-weight:500;margin:0;opacity:.9}.login-content{padding:32px}.login-content h2{color:#e5e7eb;font-size:24px;font-weight:600;margin:0 0 8px;text-align:center}.subtitle{color:#9ca3af;font-size:14px;margin:0 0 32px;text-align:center}.auth-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.telegram-login-button{align-items:center;background:#08c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:12px 24px;transition:all .2s ease;width:100%}.telegram-login-button:hover{background:#0077b3;box-shadow:0 4px 12px #0088cc4d;transform:translateY(-2px)}.telegram-login-button:active{transform:translateY(0)}.telegram-login-button svg{flex-shrink:0}.login-footer{border-top:1px solid #2a2a2a;padding-top:24px;text-align:center}.login-footer p{color:#6b7280;font-size:12px;margin:0 0 8px}.login-footer .links{align-items:center;display:flex;font-size:12px;gap:6px;justify-content:center}.login-footer .links span{color:#6b7280}.login-footer .links a{color:#3b82f6;font-weight:500;text-decoration:none}.login-footer .links a:hover{text-decoration:underline}@media (max-width:768px){.login-container{align-items:stretch;padding:0}.login-card{border-radius:0;display:flex;flex-direction:column;min-height:100vh}.login-header{padding:48px 24px 32px}.login-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:24px}.telegram-login-button{font-size:16px}}.yandex-callback-container{align-items:center;background:#0f0f0f;display:flex;justify-content:center;min-height:100vh;padding:20px}.callback-content{align-items:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;display:flex;flex-direction:column;gap:20px;max-width:500px;padding:48px;text-align:center;width:100%}.callback-content h2{color:#e5e7eb;font-size:24px;font-weight:600;margin:0}.callback-content p{color:#9ca3af;font-size:16px;margin:0}.spinner{animation:spin 1s linear infinite;border:4px solid #2a2a2a;border-radius:50%;border-top-color:#fc0;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.error-icon,.success-icon{align-items:center;border-radius:50%;display:flex;font-size:36px;height:64px;justify-content:center;width:64px}.error-icon{background:#ef44441a;color:#ef4444}.success-icon{background:#22c55e1a;color:#22c55e;font-weight:700}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444!important;padding:12px}.callback-content button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:12px 24px;transition:all .2s}.callback-content button:hover{background:#2563eb}@media (max-width:768px){.callback-content{padding:32px 24px}.callback-content h2{font-size:20px}.callback-content p{font-size:14px}}
/*# sourceMappingURL=main.5b422934.css.map*/