:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.api-login-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.api-login-modal{background:var(--bg-primary, #1a1a2e);border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color, #333)}.api-login-modal h2{margin:0 0 1rem;color:var(--text-primary, #fff);font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.api-login-info{margin-bottom:1.5rem;color:var(--text-secondary, #b0b0b0);font-size:.9rem;line-height:1.5}.api-login-info p{margin:.5rem 0}.api-login-info code{background:var(--bg-secondary, #16213e);padding:.2rem .4rem;border-radius:4px;font-size:.85rem;color:var(--accent-color, #4a9eff)}.api-login-steps{background:var(--bg-secondary, #16213e);padding:1rem;border-radius:8px;margin:1rem 0}.api-login-steps ol{margin:.5rem 0 0;padding-left:1.5rem}.api-login-steps li{margin:.3rem 0}.api-login-warning{background:#ffc1071a;border-left:3px solid #ffc107;padding:.75rem 1rem;border-radius:4px;margin:1rem 0}.api-login-warning p{margin:0;color:#ffc107;font-size:.85rem}.api-login-modal form{display:flex;flex-direction:column;gap:1rem}.api-login-modal .form-group{display:flex;flex-direction:column;gap:.5rem}.api-login-modal label{color:var(--text-secondary, #b0b0b0);font-size:.9rem;font-weight:500}.api-login-modal input[type=password]{background:var(--bg-secondary, #16213e);border:1px solid var(--border-color, #333);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary, #fff);font-size:1rem;font-family:Courier New,monospace;transition:border-color .2s}.api-login-modal input[type=password]:focus{outline:none;border-color:var(--accent-color, #4a9eff)}.api-login-modal input[type=password]::placeholder{color:var(--text-muted, #666)}.api-login-modal input[type=password]:disabled{opacity:.5;cursor:not-allowed}.api-login-error{background:#f443361a;border-left:3px solid #f44336;color:#f44336;padding:.75rem 1rem;border-radius:4px;font-size:.9rem}.api-login-button{background:var(--accent-color, #4a9eff);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s}.api-login-button:hover:not(:disabled){background:var(--accent-hover, #3a8eef)}.api-login-button:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:dark){:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--text-primary: #fff;--text-secondary: #b0b0b0;--text-muted: #666;--border-color: #333;--accent-color: #4a9eff;--accent-hover: #3a8eef}}@media(prefers-color-scheme:light){:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #666;--text-muted: #999;--border-color: #ddd;--accent-color: #4a9eff;--accent-hover: #3a8eef}}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light;--bg-primary: #ffffff;--bg-secondary: #f8f9ff;--bg-gradient: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);--calendar-icon-filter: none;--card-bg: rgba(255, 255, 255, .7);--scrollbar-track: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);--scrollbar-thumb: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--text-primary: #374151;--text-secondary: #6b7280;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--border-color: rgba(212, 224, 255, .3);--success-bg: #d1fae5;--success-text: #065f46;--error-bg: #fee2e2;--error-text: #991b1b;--warning-bg: #fef3c7;--warning-text: #92400e;--info-bg: #dbeafe;--info-text: #1e40af;--input-bg: #ffffff;--input-text: #374151;--input-border: #d1d5db;--input-placeholder: #9ca3af;--input-focus-border: #6366f1;--input-focus-ring: rgba(99, 102, 241, .1);--select-bg: #ffffff;--select-text: #374151;--select-border: #d1d5db;--select-option-bg: #ffffff;--select-option-hover: #f3f4f6;--select-option-text: #374151;--checkbox-border: #d1d5db;--checkbox-bg: #ffffff;--checkbox-checked-bg: #6366f1;--checkbox-checked-icon: #ffffff;--btn-primary-bg: #6366f1;--btn-primary-text: #ffffff;--btn-primary-hover: #4f46e5;--btn-secondary-bg: #e5e7eb;--btn-secondary-text: #374151;--btn-secondary-hover: #d1d5db;--focus-ring: 0 0 0 3px rgba(99, 102, 241, .1);--focus-border: #6366f1;--panic-bg: #ff3b30;--panic-hover: #dc3545;--latency-good: #2e7d32;--latency-warning: #f57c00;--latency-bad: #d32f2f;--theme-transition: background-color .3s ease, color .3s ease, border-color .3s ease}body.dark-mode{color-scheme:dark;--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-gradient: linear-gradient(135deg, #0a0e1a 0%, #111827 100%);--calendar-icon-filter: invert(1);--card-bg: rgba(17, 24, 39, .8);--scrollbar-track: linear-gradient(135deg, #0a0e1a 0%, #111827 100%);--scrollbar-thumb: linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);--text-primary: #f9fafb;--text-secondary: #d1d5db;--accent-primary: #818cf8;--accent-secondary: #a78bfa;--border-color: rgba(99, 102, 241, .4);--success-bg: #064e3b;--success-text: #34d399;--error-bg: #7f1d1d;--error-text: #f87171;--warning-bg: #78350f;--warning-text: #fbbf24;--info-bg: #1e3a8a;--info-text: #60a5fa;--input-bg: #1f2937;--input-text: #f9fafb;--input-border: #374151;--input-placeholder: #9ca3af;--input-focus-border: #818cf8;--input-focus-ring: rgba(129, 140, 248, .2);--select-bg: #1f2937;--select-text: #f9fafb;--select-border: #374151;--select-option-bg: #1f2937;--select-option-hover: #374151;--select-option-text: #f9fafb;--checkbox-border: #4b5563;--checkbox-bg: #1f2937;--checkbox-checked-bg: #818cf8;--checkbox-checked-icon: #ffffff;--btn-primary-bg: #818cf8;--btn-primary-text: #ffffff;--btn-primary-hover: #6366f1;--btn-secondary-bg: #374151;--btn-secondary-text: #f9fafb;--btn-secondary-hover: #4b5563;--focus-ring: 0 0 0 3px rgba(129, 140, 248, .2);--focus-border: #818cf8;--panic-bg: #ff453a;--panic-hover: #ef4444;--latency-good: #34d399;--latency-warning: #fbbf24;--latency-bad: #f87171}body{background:var(--bg-gradient);color:var(--text-primary);transition:var(--theme-transition)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:2px solid var(--scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}*:focus{outline:none!important}*:focus-visible{outline:none!important;box-shadow:0 0 0 3px var(--input-focus-ring)!important}button:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{box-shadow:0 0 0 3px var(--input-focus-ring)!important}input[type=text],input[type=number],input[type=password],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=time],input[type=date],input[type=datetime-local],select,textarea{background-color:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:6px;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;transition:all .2s ease;outline:none;color-scheme:inherit}input::-webkit-calendar-picker-indicator{cursor:pointer;filter:var(--calendar-icon-filter);opacity:.6}input::-webkit-calendar-picker-indicator:hover{opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--input-focus-ring)}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-secondary)}input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--checkbox-border);border-radius:4px;background-color:var(--checkbox-bg);cursor:pointer;display:inline-grid;place-content:center;transition:all .2s ease;margin:0;vertical-align:middle}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--checkbox-checked-bg);border-color:var(--checkbox-checked-bg)}input[type=checkbox]:before{content:"";width:10px;height:10px;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--checkbox-checked-icon);transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}input[type=radio]:before{content:"";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--checkbox-checked-icon)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{transform:scale(1)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--input-focus-border);outline-offset:2px}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.4;cursor:not-allowed}*{scrollbar-width:thin;scrollbar-color:#6366f1 rgba(248,249,255,.5)}body.dark-mode *{scrollbar-color:#818cf8 rgba(15,23,42,.5)}html,body{width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-gradient);color:var(--text-primary);line-height:1.6;transition:var(--theme-transition)}.app{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden}.app-header{background:#6366f1;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 20px #6366f14d;width:100%;box-sizing:border-box;position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:auto;min-height:60px}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#6366f1,#4f46e5,#3b82f6)}.app-header h1{font-size:1.2rem;font-weight:600}.tab-nav{display:flex;gap:.5rem}.tab-nav button{background:none;border:none;color:#bdc3c7;padding:.4rem .8rem;cursor:pointer;border-radius:4px;transition:all .3s ease;font-size:.9rem}.tab-nav button:hover{background-color:#34495e;color:#fff}.tab-nav button.active{background-color:#3498db;color:#fff}.header-controls{display:flex;align-items:center;gap:.5rem}.status-indicator{font-size:1rem;line-height:1}.status-indicator.ready{color:#10b981}.status-indicator.loading{color:#f59e0b}.status-indicator.error{color:#ef4444}.last-update{font-size:.7rem;color:#bdc3c7;font-weight:400;display:flex;align-items:center;padding:.125rem 0}.dark-mode-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.4rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:inherit}.dark-mode-toggle:hover{background:#fff3;transform:scale(1.05)}.dark-mode-toggle:active{transform:scale(.95)}body.dark-mode .dark-mode-toggle{background:#6366f133;border-color:#818cf866}body.dark-mode .dark-mode-toggle:hover{background:#6366f14d}.app-main{flex:1;padding:1.5rem;width:100vw;max-width:100vw;box-sizing:border-box;overflow-x:hidden;margin-top:60px}.dashboard{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box}.panel-header{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-radius:16px 16px 0 0;border:1px solid rgba(99,102,241,.2);border-bottom:none;box-shadow:0 2px 8px #7481ff1a;padding:1rem 1.5rem;margin-bottom:0;display:flex;justify-content:space-between;align-items:center}.header-title{margin:0;font-size:1.2rem;font-weight:600;color:#374151}.header-pnl{font-size:1.2rem;font-weight:600;margin:0}.header-pnl.positive{color:#10b981}.header-pnl.negative{color:#ef4444}.panel-header h2{margin:0;font-size:1.2rem;font-weight:600;color:#374151}.dashboard-panels{display:grid;grid-template-columns:minmax(420px,1fr) 2fr;gap:1rem;width:100%;max-width:100%;margin-top:0;box-sizing:border-box;padding:0}.strategies-panel,.positions-panel{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:16px;border:1px solid rgba(212,224,255,.3);box-shadow:0 6px 20px #7481ff1a;overflow:visible;transition:all .3s ease}.strategies-panel:hover,.positions-panel:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7481ff26}.panel-tabs{display:flex;background:#6366f10d;border-bottom:1px solid rgba(212,224,255,.3)}.panel-tab{flex:1;padding:1rem;background:none;border:none;cursor:pointer;font-weight:600;color:#6366f1;transition:all .3s ease;border-bottom:2px solid transparent}.panel-tab.active{background:#6366f1;color:#fff;border-bottom-color:#4f46e5}.panel-tab:hover:not(.active){background:#6366f11a}.strategies-table{max-height:400px;overflow-y:auto}.strategies-table table{width:100%;border-collapse:collapse}.strategies-table th,.strategies-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(212,224,255,.3)}.strategies-table td:nth-child(2){text-align:center}.strategies-table th{background:#fff;color:#374151;font-weight:600;position:sticky;top:0;z-index:10}.strategies-table tr:hover{background:#6366f105}.strategies-table tr.selected{background:#6366f11a;border-left:3px solid #6366f1}.strategies-table .positive{color:#10b981;font-weight:600}.strategies-table .negative{color:#ef4444;font-weight:600}.positions-tabs button{background:none;border:1px solid rgba(99,102,241,.3);border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-weight:600;color:#6366f1;transition:all .3s ease}.aggregated-pnl-header{background:#6366f10d;border-bottom:1px solid rgba(212,224,255,.3);padding:1rem 1.5rem;text-align:center}.aggregated-pnl{font-size:1.2rem;font-weight:600;color:#374151;margin:0}.pnl-value{font-weight:700;font-size:1.1rem}.pnl-value.positive{color:#10b981}.pnl-value.negative{color:#ef4444}.positions-list{max-height:400px;overflow-y:auto;padding:1rem;width:100%;box-sizing:border-box;overflow-x:hidden}.positions-list::-webkit-scrollbar{width:12px;height:12px}.positions-list::-webkit-scrollbar-track{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-radius:6px}.positions-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:6px;border:2px solid rgba(248,249,255,.5)}.positions-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.positions-list::-webkit-scrollbar-corner{background:linear-gradient(135deg,#f8f9ff,#f0f4ff)}.position-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffffb3;border:1px solid rgba(212,224,255,.3);border-radius:8px;margin-bottom:8px;transition:all .2s ease;width:100%;box-sizing:border-box;min-width:0}.position-card:hover{background:#ffffffe6;border-color:#6366f166;transform:translateY(-1px);box-shadow:0 4px 12px #7481ff1a}.position-line1{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0;flex-wrap:wrap}.symbol{font-weight:600;color:#374151;font-size:.85rem;flex-shrink:0}.side-indicator{padding:.25rem .75rem;border-radius:16px;font-weight:600;font-size:.81rem;text-transform:uppercase;flex-shrink:0}.side-indicator.buy{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.side-indicator.sell{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.strategy-name{padding:.25rem .5rem;border-radius:12px;font-weight:500;font-size:.72rem!important;border:1px solid rgba(0,0,0,.1);flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnl{font-weight:700;font-size:.85rem;flex-shrink:0;margin-left:auto}.pnl.positive{color:#10b981}.pnl.negative{color:#ef4444}.position-line2{width:100%;min-width:0}.position-details{font-size:.75rem;color:#6b7280;line-height:1.2;word-wrap:break-word;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.detail-item{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#fff9;border-radius:6px;border:1px solid rgba(212,224,255,.3)}.detail-label{font-weight:600;color:#374151;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{color:#4b5563;font-weight:500;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.detail-value.price{color:#059669;font-weight:600}.detail-value.time{color:#7c3aed;font-weight:600}.detail-value.reason{color:#dc2626;font-weight:600;background:#dc26261a;padding:.125rem .375rem;border-radius:4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:.5rem;padding:0 1rem;box-sizing:border-box}.stat-card{background:linear-gradient(135deg,#fff,#f8f9ff);padding:.5rem;border-radius:16px;border:1px solid rgba(212,224,255,.3);box-shadow:0 6px 20px #7481ff1a;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#4f46e5)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #7481ff33}.stat-label{font-size:.9rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;display:block}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;display:block}.stat-value.positive{color:#10b981}.stat-value.negative{color:#ef4444}.stat-value.neutral{color:#6366f1}.stat-breakdown,.stat-subtext{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:#6b7280;font-weight:400;margin-top:.25rem}.breakdown-item{padding:.25rem .5rem;border-radius:6px;background:#fff9}.breakdown-item.positive{color:#059669;background:#10b9811a}.breakdown-item.negative{color:#dc2626;background:#ef44441a}.breakdown-item.neutral{color:#6366f1;background:#6366f11a}.breakdown-separator{color:#9ca3af;font-weight:400}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.metric-card{background:linear-gradient(135deg,#fff,#f8f9ff);padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #7481ff1a;border:1px solid rgba(212,224,255,.3);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7481ff26}.metric-card h3{font-size:.9rem;color:#7f8c8d;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.metric-card .pnl{font-size:2rem;font-weight:700}.metric-card .pnl.positive{color:#27ae60}.metric-card .pnl.negative{color:#e74c3c}.metric-card .count{font-size:2rem;font-weight:700;color:#3498db}.positions-section{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:12px;border:1px solid rgba(212,224,255,.3);box-shadow:0 4px 12px #7481ff1a;overflow:hidden}.positions-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#6366f10d;border-bottom:1px solid rgba(212,224,255,.3)}.positions-tabs{display:flex;gap:1rem}.positions-tabs button{background:none;border:1px solid rgba(99,102,241,.3);border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-weight:500;color:#6366f1;transition:all .2s ease}.positions-tabs button.active{background:#6366f1;color:#fff;border-color:#6366f1}.positions-tabs button:hover:not(.active){background:#6366f11a}.strategy-filter{display:flex;align-items:center;gap:.5rem}.strategy-filter label{font-size:.9rem;font-weight:500;color:#374151}.strategy-filter select{padding:.4rem .8rem;border:1px solid var(--input-border);border-radius:6px;background-color:var(--input-bg);color:var(--input-text);font-size:.9rem;cursor:pointer;transition:all .2s ease}.strategy-filter select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.positions-section,.strategies-overview{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.positions-section h3,.strategies-overview h3{margin-bottom:1rem;color:#2c3e50}.positions-table{width:100%;overflow-x:auto}.positions-table table{width:100%;border-collapse:collapse}.positions-table th,.positions-table td{padding:.75rem;text-align:left;border-bottom:1px solid #ecf0f1}.positions-table th{background-color:#f8f9fa;font-weight:600;color:#2c3e50}.positions-table tr:hover{background-color:#f8f9fa}.positions-table .positive{color:#27ae60;font-weight:500}.positions-table .negative{color:#e74c3c;font-weight:500}.strategy-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.status-card{background:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #bdc3c7}.status-card.active{border-left-color:#27ae60}.status-card.waiting{border-left-color:#f39c12}.status-card.inactive{border-left-color:#95a5a6}.status-card h4{margin-bottom:1rem;color:#2c3e50}.strategy-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #ecf0f1}.strategy-item:last-child{border-bottom:none}.strategy-item span:first-child{font-weight:500}.strategy-item span:last-child{font-weight:600}.strategies{display:flex;flex-direction:column;gap:1rem}.strategies-header{display:flex;justify-content:space-between;align-items:center}.strategies-controls{display:flex;gap:1rem}.strategies-filters{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:10px;border:1px solid rgba(212,224,255,.3);box-shadow:0 2px 8px #7481ff14;align-items:center}.strategies-filters .filter-group{display:flex;align-items:center;gap:.5rem}.strategies-filters .filter-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.strategies-filters .filter-select{padding:.35rem .6rem;border:1px solid var(--input-border);border-radius:6px;background-color:var(--input-bg);color:var(--input-text);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.strategies-filters .filter-select:hover{border-color:#6366f180;box-shadow:0 2px 6px #6366f11a}.strategies-filters .filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.strategies-filters .filter-clear-btn{padding:.35rem .8rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #ef444433;white-space:nowrap}.strategies-filters .filter-clear-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.strategies-controls button{padding:.6rem 1.2rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 2px 6px #0000001a}.strategies-controls button:first-child{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:1px solid #7c3aed}.strategies-controls button:first-child:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 3px 8px #8b5cf64d;border-color:#6d28d9}.strategies-controls button:last-child{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:1px solid #16a34a}.strategies-controls button:last-child:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 3px 8px #22c55e4d;border-color:#15803d}.strategies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.6rem}.strategy-card{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:10px;border:1px solid rgba(212,224,255,.3);box-shadow:0 4px 12px #7481ff1a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;min-height:0}.strategy-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7481ff26}.strategy-header-compact{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:.35rem .6rem;border-bottom:1px solid rgba(0,0,0,.08)}.strategy-info-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem}.strategy-status-row{display:flex;justify-content:flex-end;gap:.4rem}.strategy-status-item{display:flex;align-items:center}.multiplier-inline{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#6366f114;border-radius:6px;border:1px solid rgba(99,102,241,.3)}.multiplier-input-compact{width:60px;padding:.4rem .5rem;border:2px solid var(--input-border);border-radius:6px;background-color:var(--input-bg);color:var(--input-text);font-weight:700;font-size:1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:text;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.multiplier-input-compact::-webkit-outer-spin-button,.multiplier-input-compact::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.multiplier-input-compact:hover{border-color:#6366f180;box-shadow:0 2px 8px #6366f126}.multiplier-input-compact:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126,0 2px 8px #6366f133;background:var(--input-bg);transform:scale(1.05)}.multiplier-input-compact:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;transform:none!important;box-shadow:none!important}.multiplier-input-compact:disabled:hover{border-color:#6366f14d;transform:none!important;box-shadow:none!important}.multiplier-label{color:#6366f1;font-weight:700;font-size:.8rem}.strategy-info-section{padding:.35rem .75rem;background:#f8f9ff80;border-bottom:1px solid rgba(212,224,255,.3);display:flex;flex-direction:column;gap:.3rem}.info-row{display:flex;gap:.4rem;align-items:stretch}.info-group{display:flex;flex-direction:column;gap:.1rem;padding:.25rem .4rem;background:#fffc;border-radius:5px;border:1px solid rgba(212,224,255,.3);flex:1;min-width:0;position:relative}.info-label{font-size:.6rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.2px;line-height:1.2}.info-value{font-size:.8rem;font-weight:600;color:#374151;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;line-height:1.3}.info-sub{font-size:.65rem;font-weight:700;color:#6366f1;background:#6366f11a;padding:.05rem .25rem;border-radius:3px;position:absolute;top:.2rem;right:.2rem;text-transform:uppercase;line-height:1.2}.info-value.status-badge{padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-family:inherit}.info-value.tag-value{background:#8b5cf61a;color:#7c3aed;padding:.15rem .4rem;border-radius:4px;font-size:.75rem;font-weight:600;border:1px solid rgba(139,92,246,.2)}body.dark-mode .info-value.tag-value{background:#8b5cf633;color:#a78bfa;border-color:#8b5cf64d}.info-value.status-badge.RUNNING{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #b8dacc}.info-value.status-badge.PAUSED{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.info-value.status-badge.STOPPED,.info-value.status-badge.ERROR{background:linear-gradient(135deg,#e2e3e5,#d1d5db);color:#383d41;border:1px solid #c8cdd0}.info-value.enabled-badge{padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;font-family:inherit}.info-value.enabled-badge.yes{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #b8dacc}.info-value.enabled-badge.no{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb}.strategy-header{background:linear-gradient(135deg,#f1f3f5,#e9ecef);padding:.5rem .75rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.08);flex-wrap:wrap;gap:.4rem}.strategy-header h3{color:#2c3e50;font-size:.9rem;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strategy-name-wrapper{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.strategy-type-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;font-size:.75rem;font-weight:700;border-radius:4px;text-transform:uppercase;flex-shrink:0}.strategy-type-badge.indicator{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.strategy-type-badge.strangle{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.strategy-status{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.status{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.status.active,.status.RUNNING{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #b8dacc}.status.waiting{background:linear-gradient(135deg,#fff3cd,#ffe69c);color:#856404;border:1px solid #fde68a}.status.paused,.status.PAUSED{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.status.closed{background-color:#f8d7da;color:#721c24}.status.inactive,.status.STOPPED,.status.ERROR{background:linear-gradient(135deg,#e2e3e5,#d1d5db);color:#383d41;border:1px solid #c8cdd0}.enabled.yes{color:#27ae60}.enabled.no{color:#e74c3c}.strategy-details{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.3rem}.strategy-detail-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:.3rem .4rem;background:#fff9;border-radius:6px;border:1px solid rgba(212,224,255,.3);font-size:.8rem}.strategy-detail-item{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#fff9;border-radius:6px;border:1px solid rgba(212,224,255,.3)}.strategy-detail-label{font-weight:600;color:#374151;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.strategy-detail-value{color:#4b5563;font-weight:500;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.strategy-detail-value.status{color:#059669;font-weight:600}.strategy-detail-value.positions{text-align:center;justify-content:center;min-width:3rem}.strategy-details-summary{display:flex;flex-wrap:wrap;gap:.35rem;padding:.4rem .6rem;background:#f8f9ff99;border-radius:8px;border:1px solid rgba(212,224,255,.3);margin:.35rem .75rem}.summary-item{display:flex;align-items:center;gap:.25rem;padding:.25rem .4rem;background:#fffc;border-radius:6px;border:1px solid rgba(212,224,255,.3);font-size:.75rem}.summary-item.full-justify{flex:1;justify-content:space-between}.summary-item.right-justify{margin-left:auto}.summary-label{font-weight:600;color:#6b7280;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px}.summary-value{color:#374151;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.execution-mode-paper{color:#6366f1;background:#6366f11a;padding:.15rem .4rem;border-radius:4px}.execution-mode-live{color:#059669;background:#0596691a;padding:.15rem .4rem;border-radius:4px}.execution-mode-signal{color:#f59e0b;background:#f59e0b1a;padding:.15rem .4rem;border-radius:4px}.multiplier-config-item{display:flex;align-items:center;gap:.25rem;padding:.25rem .4rem;background:#6366f114;border:1px solid rgba(99,102,241,.3);border-radius:6px}.multiplier-input-wrapper{display:flex;align-items:center;gap:.15rem}.multiplier-input{width:55px;padding:.2rem .3rem;border:1px solid rgba(99,102,241,.3);border-radius:4px;background:#fff;color:#374151;font-weight:700;font-size:.85rem;text-align:center;transition:all .2s ease}.multiplier-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.multiplier-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.multiplier-suffix{color:#6366f1;font-weight:700;font-size:.85rem}.strategy-actions{padding:.35rem .6rem;display:flex;flex-wrap:wrap;gap:.25rem;border-top:1px solid rgba(212,224,255,.3);background:#f8f9ff80;justify-content:center}.strategy-actions button{flex:1 1 calc(25% - .25rem);min-width:60px;max-width:100px;padding:.5rem .35rem;border:none;border-radius:5px;cursor:pointer;font-weight:500;font-size:.7rem;transition:all .2s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 3px #0000001a}.strategy-actions button.enable{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:1px solid #16a34a;font-weight:600}.strategy-actions button.enable:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 2px 6px #22c55e4d;border-color:#15803d}.strategy-actions button.disable{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:1px solid #4b5563;font-weight:600}.strategy-actions button.disable:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 2px 6px #6b72804d;border-color:#374151}.strategy-actions button.edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid #2563eb;font-weight:600}.strategy-actions button.edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 2px 6px #3b82f64d;border-color:#1d4ed8}.strategy-actions button.copy{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;border:1px solid #0e7490;font-weight:600}.strategy-actions button.copy:hover{background:linear-gradient(135deg,#0e7490,#155e75);transform:translateY(-1px);box-shadow:0 2px 6px #0891b24d;border-color:#155e75}.strategy-actions button.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid #dc2626;font-weight:600}.strategy-actions button.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 2px 6px #ef44444d;border-color:#b91c1c}.strategy-actions button.start{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:1px solid #16a34a;font-weight:600}.strategy-actions button.start:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 2px 6px #22c55e4d;border-color:#15803d}.strategy-actions button.stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid #dc2626;font-weight:600}.strategy-actions button.stop:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 2px 6px #ef44444d;border-color:#b91c1c}.strategy-actions button.pause{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:1px solid #ea580c;font-weight:600}.strategy-actions button.pause:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-1px);box-shadow:0 2px 6px #f973164d;border-color:#c2410c}.strategy-actions button.resume{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid #2563eb;font-weight:600}.strategy-actions button.resume:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 2px 6px #3b82f64d;border-color:#1d4ed8}.strategy-actions button.reload{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:1px solid #7c3aed;font-weight:600}.strategy-actions button.reload:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 2px 6px #8b5cf64d;border-color:#6d28d9}.reload-modal{width:500px}.strategy-actions button.button-disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;filter:grayscale(.5)}.strategy-actions button.button-disabled:hover{transform:none!important;box-shadow:none!important;border-color:inherit!important}body.dark-mode .strategy-actions button.button-disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.7)}.reload-form-content{padding:1.5rem}.reload-form-content p{margin-bottom:1rem;color:#374151}.reload-options{margin-bottom:1.5rem}.reload-options label{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#6366f10d;border-radius:6px;cursor:pointer}.reload-options input[type=checkbox]{width:18px;height:18px;cursor:pointer}.reload-options input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:12px;border:1px solid rgba(212,224,255,.3);box-shadow:0 8px 24px #7481ff26;max-width:90vw;max-height:90vh;overflow:hidden;width:800px}.modal-header{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #7481ff33}.modal-header h3{margin:0}.close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .3s ease}.close-button:hover{background-color:#ffffff1a}.strategy-form-modal{display:flex;flex-direction:column;max-height:90vh}.strategy-manager-modal{width:min(96vw,1200px);max-width:1200px;max-height:95vh;padding:0;border:none;background:transparent;box-shadow:none}.form-tabs{display:flex;background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.form-tabs button{flex:1;padding:.75rem 1rem;background:none;border:none;cursor:pointer;font-weight:500;color:#6c757d;transition:all .3s ease;border-bottom:2px solid transparent}.form-tabs button:hover{background-color:#e9ecef;color:#495057}.form-tabs button.active{color:#007bff;border-bottom-color:#007bff;background-color:#fff}.strategy-form{flex:1;overflow-y:auto;padding:1.5rem;background:linear-gradient(135deg,#f8f9ff,#f0f4ff)}.form-section{margin-bottom:2rem;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:1px solid #d4e0ff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #7481ff1a}.form-section h4{margin-bottom:1rem;color:#2c3e50;font-size:1.1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{margin-bottom:.5rem;font-weight:500;color:#495057}.form-group input,.form-group select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:1rem;transition:all .2s ease;color:#374151}.form-group input:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 0 0;border-top:1px solid #dee2e6}.form-actions button{padding:.5rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s ease}.form-actions button[type=button]{background-color:#6c757d;color:#fff}.form-actions button[type=button]:hover{background-color:#5a6268}.form-actions button[type=submit]{background-color:#007bff;color:#fff}.form-actions button[type=submit]:hover{background-color:#0056b3}.form-actions button:disabled{background-color:#c8d6e5;cursor:not-allowed}.signal-edit-modal{width:90vw;max-width:1200px;max-height:90vh;display:flex;flex-direction:column}.signal-form{flex:1;overflow-y:auto;padding:1.5rem}.signal-group{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:1px solid #d4e0ff;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 4px 12px #7481ff1a}.signal-group-header{background:linear-gradient(135deg,#6366f1,#4f46e5);padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}.signal-logic-select{padding:.5rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffffe6;min-width:200px;color:#2d3748;font-weight:500}.signal-conditions-header{display:grid;grid-template-columns:1fr;gap:.5rem;padding:1rem;background:#ffffff80;font-weight:600;color:#4a5568;border-bottom:1px solid rgba(212,224,255,.5)}.signal-condition{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-bottom:1px solid rgba(212,224,255,.3);position:relative;background:#fffc;border-radius:6px;margin-bottom:.75rem;box-shadow:0 1px 3px #0000001a}.signal-condition:last-child{border-bottom:none}.signal-lhs{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;gap:1rem}.placeholder-badge{display:inline-flex;align-items:center;padding:.15rem .4rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.65rem;font-weight:700;border-radius:4px;margin-left:.5rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;text-transform:uppercase;letter-spacing:.5px;cursor:help;transition:all .2s ease}.placeholder-badge:hover{transform:scale(1.05);box-shadow:0 2px 6px #6366f14d}.btn-test-telegram{padding:.5rem 1rem;border-radius:6px;border:1px solid #22c55e;background:#22c55e;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 6px #22c55e33}.btn-test-telegram:hover:not(:disabled){background:#16a34a;border-color:#16a34a;transform:translateY(-1px);box-shadow:0 3px 8px #22c55e4d}.btn-test-telegram:active:not(:disabled){transform:translateY(0)}.btn-test-telegram:disabled{opacity:.5;cursor:not-allowed;background:#9ca3af;border-color:#9ca3af;box-shadow:none}.telegram-notification-card{background:#fff;padding:.75rem;border-radius:6px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease}.telegram-notification-card:hover{border-color:#6366f166;box-shadow:0 2px 8px #7481ff1a}body.dark-mode .telegram-notification-card{background:#1f2937;border-color:#374151}body.dark-mode .placeholder-badge{background:linear-gradient(135deg,#818cf8,#6366f1)}body.dark-mode .settings-scroll-area>.settings-card>div[style*="background: #f9fafb"]{background:#1f2937!important;border-color:#374151!important}body.dark-mode .settings-scroll-area>.settings-card>div[style*="background: #f9fafb"] h4{color:#f9fafb!important}body.dark-mode .settings-card h4[style*="color: #374151"]{color:#f9fafb!important}body.dark-mode h4[style*="color: #374151" i]{color:#f9fafb!important}body.dark-mode .settings-card .settings-grid>div[style*="display: grid"],body.dark-mode .settings-card>div[style*="display: grid"]{background:transparent!important}body.dark-mode .settings-card .settings-grid>div[style*="background: white"],body.dark-mode .settings-card>div[style*="background: white"]{background:#1f2937!important;border-color:#374151!important}body.dark-mode .settings-card label{color:#e5e7eb}body.dark-mode .settings-card input[type=text],body.dark-mode .settings-card input[type=password],body.dark-mode .settings-card input[type=number],body.dark-mode .settings-card select{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}body.dark-mode .settings-card input[type=text]:focus,body.dark-mode .settings-card input[type=password]:focus,body.dark-mode .settings-card input[type=number]:focus,body.dark-mode .settings-card select:focus{border-color:#6366f1!important;background:#4b5563!important}body.dark-mode .settings-card input:disabled,body.dark-mode .settings-card select:disabled{opacity:.5;cursor:not-allowed}body.dark-mode .settings-card input[type=checkbox]{accent-color:#6366f1!important}body.dark-mode .settings-card input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}body.dark-mode .settings-card span{color:#d1d5db!important}body.dark-mode .settings-card small{color:#9ca3af!important}body.dark-mode .btn-test-telegram{background:#22c55e;border-color:#22c55e}body.dark-mode .btn-test-telegram:hover:not(:disabled){background:#16a34a;border-color:#16a34a}body.dark-mode .settings-card button[style*="background: #3b82f6"]{background:#3b82f6!important}body.dark-mode .settings-card button[style*="background: #fbbf24"]{background:#fbbf24!important}body.dark-mode .settings-card>div>div[style*="display: grid"]>div>div[style*="background: white"]{background:#1f2937!important;border-color:#374151!important}body.dark-mode .settings-card>div>div[style*="display: grid"]>div>div span[style*="fontWeight: '600'"]{color:#f9fafb!important}body.dark-mode .settings-card>div>div[style*="display: grid"]>div>div span{color:#d1d5db!important}body.dark-mode .settings-card>div>div[style*="display: grid"]>div>div label span{color:#e5e7eb!important}body.dark-mode .settings-card>div[style*="display: grid"]>div[style*="background: white"]{background:#1f2937!important;border-color:#374151!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div span{color:#f9fafb!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div label{color:#e5e7eb!important}body.dark-mode .settings-card div[style*="background: white"][style*="padding: 0.75rem"]{background:#1f2937!important;border-color:#374151!important}body.dark-mode .settings-card div[style*="background: white"]>div>span[style*="fontSize: 0.9rem"]{color:#f9fafb!important}body.dark-mode .settings-card div[style*="background: white"]>div>span[style*="fontSize: 1.2rem"]{color:#f9fafb!important}body.dark-mode .settings-card div[style*="background: white"]>div>label>span[style*=opacity]{color:#e5e7eb!important}body.dark-mode .settings-card div[style*="display: flex"][style*="gap: 0.5rem"] label span{color:#e5e7eb!important}body.dark-mode .settings-card>div[style*="display: grid"][style*=gridTemplateColumns]>div{background:transparent!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div[style*="background: white"]{background:#1f2937!important;border-color:#374151!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div[style*="background: white"] *{color:#e5e7eb!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div[style*="background: white"]>div>span:first-child{color:#f9fafb!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div[style*="background: white"]>div>span:last-child{color:#f9fafb!important}body.dark-mode .settings-card .settings-row>label{color:#e5e7eb!important}body.dark-mode .settings-card .settings-row>input{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}body.dark-mode .settings-card .settings-row>input::placeholder{color:#9ca3af!important}body.dark-mode .settings-card .settings-row>small{color:#9ca3af!important}body.dark-mode .settings-card label[style*="cursor: pointer"],body.dark-mode .settings-card label[style*="cursor: pointer"] span{color:#e5e7eb!important}body.dark-mode .settings-card>div[style*="display: grid"][style*="gridTemplateColumns: repeat(auto-fill"]{background:transparent!important}body.dark-mode .settings-card>div[style*="display: grid"]>div{background:transparent!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div[style*="background: white"]>div{background:transparent!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div[style*="background: white"] span{color:#f9fafb!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div[style*="background: white"] label{color:#e5e7eb!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div[style*="background: white"] label span{color:#e5e7eb!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div[style*="background: white"] input[type=checkbox]{cursor:pointer!important;accent-color:#6366f1!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div[style*="background: white"] input[type=checkbox]:disabled{cursor:not-allowed!important;opacity:.5!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"][style*="padding: 1rem"]{background:#1f2937!important;border-color:#374151!important}body.dark-mode .settings-card input[type=number]{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}body.dark-mode .settings-card input[type=number]:focus{border-color:#6366f1!important;background:#4b5563!important}body.dark-mode .settings-card div[style*="display: flex"]>span{color:#f9fafb!important}body.dark-mode .settings-card *{border-color:#374151!important}body.dark-mode .settings-card span:not(.placeholder-badge):not([style*="fontSize: 0.65rem"]){color:#e5e7eb!important}body.dark-mode .settings-card label{color:#e5e7eb!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div[style*="background: white"]>div:first-child>span:last-child{color:#f9fafb!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div[style*="background: white"]>div:first-child>span:first-child{color:#f9fafb!important}body.dark-mode .settings-card>div[style*="display: grid"]>div>div[style*="background: white"]>div:last-child>label>span{color:#e5e7eb!important}body.dark-mode .settings-card>div[style*="display: grid"]>div label{color:#e5e7eb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"][style*="padding: 1rem"]>h4{color:#f9fafb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]{background:transparent!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"]{background:#1f2937!important;border-color:#374151!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"]>div:first-child>span{color:#f9fafb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"] *{color:#e5e7eb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"]>div:first-child>span:first-child{color:#f9fafb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"]>div:first-child>span:last-child{color:#f9fafb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"][style*="padding: 1rem"][style*="border: 1px solid #e5e7eb"]{background:#1f2937!important;border-color:#374151!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"][style*="padding: 1rem"][style*="border: 1px solid #e5e7eb"]>h4{color:#f9fafb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>h4{color:#f9fafb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"]>div:last-child>label{color:#e5e7eb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"]>div:last-child>label>span{color:#e5e7eb!important}body.dark-mode .settings-card small[style*="color: #6b7280"]{color:#9ca3af!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"] input[type=checkbox]{accent-color:#6366f1!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"] input[type=checkbox]:disabled{opacity:.5!important;cursor:not-allowed!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"][style*="marginBottom: 1.5rem"]{background:#1f2937!important;border-color:#374151!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"] input[type=text],body.dark-mode .settings-card>div[style*="background: #f9fafb"] input[type=password]{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"] input[type=text]:focus,body.dark-mode .settings-card>div[style*="background: #f9fafb"] input[type=password]:focus{border-color:#6366f1!important;background:#4b5563!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"] .settings-row>label{color:#e5e7eb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"] input[type=number]{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"] input[type=number]:focus{border-color:#6366f1!important;background:#4b5563!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"] button[style*="background: #3b82f6"],body.dark-mode .settings-card>div[style*="background: #f9fafb"] button[style*="background: #fbbf24"]{color:#fff!important}body.dark-mode .settings-card span[style*="fontSize: 1.2rem"],body.dark-mode .settings-card span[style*="fontWeight: '600'"]{color:#f9fafb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"] span{color:#e5e7eb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"]>div[style*="display: flex"]>span{color:#f9fafb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"]>div[style*="display: flex"]>label{color:#e5e7eb!important}body.dark-mode .settings-card *:not(.placeholder-badge):not(button){border-color:#374151!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"][style*="gridTemplateColumns: repeat(auto-fill"]{background:transparent!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div{background:transparent!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"]>div{background:transparent!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"] label,body.dark-mode .settings-card>div[style*="background: #f9fafb"] span,body.dark-mode .settings-card>div[style*="background: #f9fafb"] small{color:#e5e7eb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"]>div>span:first-child{color:#f9fafb!important}body.dark-mode .settings-card>div[style*="background: #f9fafb"]>div[style*="display: grid"]>div[style*="background: white"]>div>span:last-child{color:#f9fafb!important}body.dark-mode .settings-card div[style*="display: grid"] div label,body.dark-mode .settings-card div[style*="display: grid"] div label span{color:#e5e7eb!important}body.dark-mode .settings-card div[style*="display: grid"] div div span{color:#f9fafb!important}body.dark-mode .settings-card label,body.dark-mode .settings-card .settings-row label{color:#e5e7eb!important}body.dark-mode .settings-card input,body.dark-mode .settings-card .settings-row input{background:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}body.dark-mode .settings-card input:focus,body.dark-mode .settings-card .settings-row input:focus{border-color:#6366f1!important;background:#4b5563!important}body.dark-mode .settings-card div[style*="display: flex"][style*="flexDirection: column"]{background:#1f2937!important;border-color:#374151!important}body.dark-mode .settings-card span[style*=opacity],body.dark-mode .settings-card label[style*="display: flex"],body.dark-mode .settings-card label[style*="display: flex"] span,body.dark-mode .settings-card .settings-row label{color:#e5e7eb!important}body.dark-mode .settings-card .placeholder-badge{background:linear-gradient(135deg,#818cf8,#6366f1)!important}body.dark-mode .settings-card div[style*="display: grid"] div[style*="background: white"] span,body.dark-mode .settings-card div[style*="display: grid"] div[style*="background: white"] label span{color:#e5e7eb!important}body.dark-mode .settings-card div[style*="display: grid"]>div>div[style*="display: flex"]>span{color:#f9fafb!important}body.dark-mode .settings-card div[style*="display: grid"]>div>div[style*="display: flex"]>label>span{color:#e5e7eb!important}.settings-card h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.settings-card h4{font-size:1rem;color:#374151;margin:0 0 1rem;font-weight:600}body.dark-mode .settings-card h4{color:#f9fafb}.telegram-test-result{padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.telegram-test-result.success{background:#dcfce7;color:#166534;border:1px solid #22c55e}.telegram-test-result.error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}body.dark-mode .telegram-test-result.success{background:#064e3b;color:#34d399;border-color:#059669}body.dark-mode .telegram-test-result.error{background:#7f1d1d;color:#f87171;border-color:#dc2626}.signal-operator{display:flex;justify-content:center;align-items:center;padding:.5rem;background:#fffc;border-radius:6px;border:1px solid #d1d5db;color:#374151;font-weight:600;font-size:1.1rem}.signal-rhs{display:grid;grid-template-columns:2fr 1fr 2fr 1fr;gap:1rem;align-items:center;background:#ffffffb3;padding:.75rem;border-radius:8px;border:1px solid rgba(212,224,255,.3)}.signal-component{display:flex;flex-direction:column;gap:.25rem}.signal-component label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.signal-component select,.signal-component input{padding:.4rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.9rem;transition:all .2s ease}.signal-component select:focus,.signal-component input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.signal-params{display:flex;gap:.5rem;flex-wrap:wrap}.signal-param{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;color:#4338ca}.signal-param label{font-size:.75rem;font-weight:500;color:#374151;margin-right:.25rem}.signal-param input{width:60px;padding:.2rem;border:1px solid #a5b4fc;border-radius:4px;background:#fff;color:#111827;font-size:.8rem;font-weight:500}.signal-param select{padding:.2rem;border:1px solid #a5b4fc;border-radius:4px;background:#fff;color:#111827;font-size:.8rem;font-weight:500;min-width:80px}.indicator-select,.condition-select,.timeframe-select,.value-type-select,.signal-value-input{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151}.indicator-comparison{display:flex;gap:.5rem;align-items:center}.signal-param-input{width:80px}.value-key-select{min-width:120px;color:#111827;font-weight:500}.remove-condition,.remove-signal-group{background:#ef4444;color:#fff;border:none;border-radius:6px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease;box-shadow:0 2px 4px #ef444433;position:absolute;top:8px;right:8px;z-index:10}.remove-condition:hover,.remove-signal-group:hover{background:#dc2626;transform:scale(1.05)}.add-signal-btn,.add-condition-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;cursor:pointer;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #10b98133;display:flex;align-items:center;gap:.5rem}.add-signal-btn:hover,.add-condition-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 16px #10b9814d}.signal-group-help{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:8px;padding:1rem;margin-bottom:1rem}.signal-group-help p{margin-bottom:.5rem;color:#1e40af;font-weight:500}.signal-group-help ul{margin-left:1.5rem;color:#1e40af}.signal-group-help li{margin-bottom:.25rem;color:#1e40af}.settings{display:flex;flex-direction:column;gap:2rem}.settings-header{display:flex;justify-content:space-between;align-items:center}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:linear-gradient(135deg,#fff,#f8f9ff);padding:1.5rem;border-radius:12px;border:1px solid rgba(212,224,255,.3);box-shadow:0 4px 12px #7481ff1a;transition:transform .2s ease,box-shadow .2s ease}.settings-section:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7481ff26}.settings-section h3{margin-bottom:1rem;color:#2c3e50}.config-display{background:#f8f9fa;padding:1rem;border-radius:4px;border-left:4px solid #007bff}.signal-edit-page{display:flex;flex-direction:column;gap:2rem}.page-header{display:flex;justify-content:space-between;align-items:center}.create-signal-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;cursor:pointer;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #3b82f633}.create-signal-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f64d}.signal-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.info-card{background:linear-gradient(135deg,#fff,#f8f9ff);padding:1.5rem;border-radius:12px;border:1px solid rgba(212,224,255,.3);box-shadow:0 4px 12px #7481ff1a;transition:transform .2s ease,box-shadow .2s ease}.info-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7481ff26}.info-card h3{margin-bottom:1rem;color:#2c3e50}.info-card h4{margin-top:1.5rem;margin-bottom:.5rem;color:#34495e}.info-card p{margin-bottom:1rem;color:#555}.info-card ul{margin-left:1.5rem;margin-bottom:1rem}.info-card li{margin-bottom:.5rem;color:#555}.info-card pre{background:#f8f9fa;padding:1rem;border-radius:4px;overflow-x:auto;font-size:.9rem;border:1px solid #dee2e6}.legs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.legs-header h4{margin:0;font-size:1.1rem;font-weight:600;color:#374151}.leg-config{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1rem;margin-bottom:1rem;transition:var(--theme-transition)}.leg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #dee2e6}.leg-header h5{margin:0;color:#2c3e50;font-size:1rem;font-weight:600}.leg-header button{background:#dc3545;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:.875rem;transition:all .2s ease}.leg-header button:hover{background:#c82333}.add-leg-btn{background:#6366f11a;color:#6366f1;border:1px dashed #6366f1;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.add-leg-btn:hover{background:#6366f133;transform:translateY(-1px);box-shadow:0 2px 8px #6366f11a}body.dark-mode .add-leg-btn{background:#818cf826;color:#a5b4fc;border-color:#818cf8}body.dark-mode .add-leg-btn:hover{background:#818cf840}.loading{text-align:center;padding:2rem;color:#6c757d}.offline-message{text-align:center;padding:2rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:8px;color:#92400e}.offline-message h3{margin-bottom:1rem}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;padding:1rem;border-radius:8px;border:1px solid #fca5a5;margin-bottom:1rem}.success-message{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;padding:1rem;border-radius:8px;border:1px solid #6ee7b7;margin-bottom:1rem}.error-message.toast,.success-message.toast{position:fixed;top:80px;right:20px;z-index:9999;min-width:300px;max-width:400px;margin:0;box-shadow:0 8px 24px #00000026;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.error-message.toast{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.success-message.toast{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.empty-state{text-align:center;padding:3rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.empty-state p{color:#6c757d;font-size:1.1rem}@media(max-width:768px){.app-header{flex-direction:column;gap:1rem;text-align:center}.tab-nav{flex-wrap:wrap;justify-content:center}.app-main{padding:0}.metrics-grid,.strategy-status-grid{grid-template-columns:1fr}.strategies-grid{grid-template-columns:1fr;gap:.75rem}.strategy-actions{padding:.5rem .75rem;gap:.3rem}.strategy-actions button{flex:1 1 calc(33.333% - .3rem);min-width:60px;max-width:none;padding:.4rem .3rem;font-size:.75rem}.form-row{grid-template-columns:1fr}.signal-conditions-header,.signal-condition{grid-template-columns:1fr;gap:.5rem}.signal-group-header{flex-direction:column;gap:1rem;align-items:stretch}.signal-logic-select{min-width:auto}.modal-content{width:95vw;height:95vh}.signal-edit-modal{width:95vw}.signal-info{grid-template-columns:1fr}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.create-signal-btn{width:100%}.signal-lhs,.signal-rhs{grid-template-columns:1fr;gap:.5rem}.signal-operator{order:-1}}@media(max-width:480px){.app-header h1{font-size:1.2rem}.tab-nav button{padding:.4rem .8rem;font-size:.9rem}.metric-card{padding:1rem}.metric-card .pnl,.metric-card .count{font-size:1.5rem}.positions-table{font-size:.9rem}.modal-content{width:100vw;height:100vh;border-radius:0}.form-tabs{overflow-x:auto}.form-tabs button{padding:.6rem .8rem;font-size:.9rem;white-space:nowrap}.strategy-actions button{flex:1 1 calc(50% - .3rem);min-width:55px;padding:.4rem .25rem;font-size:.7rem}.strategy-actions{gap:.25rem;padding:.4rem .5rem}}@media(max-width:480px){.app-header h1{font-size:1.2rem}.tab-nav button{padding:.4rem .8rem;font-size:.9rem}.metric-card{padding:1rem}.metric-card .pnl,.metric-card .count{font-size:1.5rem}.positions-table{font-size:.9rem}.modal-content{width:100vw;height:100vh;border-radius:0}.form-tabs{overflow-x:auto}.form-tabs button{padding:.6rem .8rem;font-size:.9rem;white-space:nowrap}}.logs{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:100%}.logs-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff,#f8f9ff);padding:.5rem .75rem;border-radius:6px;border:1px solid rgba(212,224,255,.3);box-shadow:0 2px 6px #7481ff14}.logs-header h2{margin:0;color:#374151;font-size:1rem;font-weight:600}.logs-controls{display:flex;gap:.5rem;align-items:center}.logs-controls button{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:4px;padding:.3rem .6rem;cursor:pointer;font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #6366f126;font-size:.75rem}.logs-controls button:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 3px 8px #6366f133}.logs-controls button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.logs-controls label{display:flex;align-items:center;gap:.3rem;padding:.3rem .5rem;background:#fffc;border:1px solid rgba(212,224,255,.3);border-radius:4px;cursor:pointer;font-weight:500;color:#374151;transition:all .2s ease;font-size:.75rem}.logs-controls label:hover{background:#fff;border-color:#6366f14d}.logs-controls label input[type=checkbox]{width:14px;height:14px;cursor:pointer}.logs-filters{display:flex;gap:.5rem;flex-wrap:wrap;background:#fffc;padding:.5rem .75rem;border-radius:6px;border:1px solid rgba(212,224,255,.3);align-items:center}.filter-group{display:flex;gap:.3rem;align-items:center;padding-right:.5rem;border-right:1px solid rgba(212,224,255,.3)}.filter-group:last-child{border-right:none}.filter-label{font-weight:600;color:#374151;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px}.logs-filters button{background:none;border:1px solid rgba(99,102,241,.3);border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-weight:600;color:#6366f1;transition:all .2s ease;font-size:.7rem}.logs-filters button:hover{background:#6366f11a;border-color:#6366f180}.logs-filters button.active{background:#6366f1;color:#fff;border-color:#6366f1}.filter-select{padding:.25rem .5rem;border:1px solid rgba(99,102,241,.3);border-radius:4px;background:#fff;color:#374151;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:150px}.filter-select:hover{border-color:#6366f180}.filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.logs-content{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:6px;border:1px solid rgba(212,224,255,.3);box-shadow:0 2px 6px #7481ff14;overflow:hidden}.logs-list{max-height:calc(100vh - 180px);overflow-y:auto;padding:.5rem}.log-entry{background:#ffffffb3;border:1px solid rgba(212,224,255,.3);border-radius:6px;padding:.5rem;margin-bottom:.4rem;transition:all .2s ease}.log-entry:hover{background:#ffffffe6;border-color:#6366f166;transform:translateY(-1px);box-shadow:0 2px 6px #7481ff14}.log-entry.log-pnl{border-left:4px solid #10b981}.log-entry.log-sltp{border-left:4px solid #6366f1}.log-entry.log-entry{border-left:4px solid #f59e0b}.log-entry.log-exit{border-left:4px solid #8b5cf6}.log-entry.log-trade{border-left:4px solid #3b82f6}.log-entry.log-error{border-left:4px solid #ef4444;background:#fee2e24d}.log-entry.log-warning{border-left:4px solid #f59e0b;background:#fef3c74d}.log-header{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.4rem;padding-bottom:.3rem;border-bottom:1px solid rgba(212,224,255,.3)}.log-header-line1{display:flex;align-items:center;gap:.5rem}.log-header-line2{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.log-time{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.7rem;color:#6b7280;font-weight:500;padding:.15rem .35rem;background:#6366f114;border-radius:3px}.log-strategy{font-weight:700;color:#374151;font-size:.9rem;padding:.2rem .5rem;background:#6366f11a;border-radius:4px;border:1px solid rgba(99,102,241,.2)}.log-symbol{font-weight:600;color:#4b5563;font-size:.85rem;padding:.2rem .5rem;background:#fffc;border-radius:4px;border:1px solid rgba(212,224,255,.3)}.log-level{font-size:.65rem;font-weight:600;text-transform:uppercase;padding:.15rem .35rem;border-radius:3px;letter-spacing:.3px}.log-level.info{background:#dbeafe;color:#1e40af}.log-level.warning{background:#fef3c7;color:#92400e}.log-level.error{background:#fee2e2;color:#991b1b}.log-level.debug{background:#f3f4f6;color:#374151}.log-body{font-size:.8rem;color:#4b5563}.log-pnl{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.pnl-value{font-weight:700;font-size:1.1rem;padding:.5rem 1rem;border-radius:8px;background:#fffc}.pnl-value.positive{color:#10b981;background:#10b9811a}.pnl-value.negative{color:#ef4444;background:#ef44441a}.pnl-sl,.pnl-tp{font-weight:600;padding:.25rem .5rem;background:#6366f11a;border-radius:4px;color:#4b5563}.log-sltp{display:flex;flex-direction:column;gap:.5rem}.sltp-symbol{font-weight:600;color:#374151;font-size:1rem;padding:.25rem .5rem;background:#6366f11a;border-radius:4px;align-self:flex-start}.sltp-details{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;font-size:.85rem}.sltp-details span{padding:.25rem .5rem;background:#fffc;border-radius:4px;border:1px solid rgba(212,224,255,.3)}.sltp-details strong{font-weight:700;color:#374151}.sltp-details strong.positive{color:#10b981}.sltp-details strong.negative{color:#ef4444}.log-message{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85rem;line-height:1.5;color:#4b5563;white-space:pre-wrap;word-break:break-word}.log-message-short{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.85rem;line-height:1.5;color:#4b5563;margin-bottom:.5rem}.log-message-details{margin-top:.5rem}.log-message-details summary{cursor:pointer;font-size:.8rem;color:#6366f1;font-weight:600;padding:.25rem .5rem;background:#6366f11a;border-radius:4px;display:inline-block;transition:all .2s ease}.log-message-details summary:hover{background:#6366f133}.log-message-details pre{margin-top:.5rem;padding:.75rem;background:#f8f9ffcc;border:1px solid rgba(212,224,255,.3);border-radius:6px;font-size:.75rem;line-height:1.4;overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}.sltp-note{font-size:.75rem;color:#6b7280;font-style:italic;padding:.25rem .5rem;background:#6b72801a;border-radius:4px}.log-entryexit-check{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#ffffffe6,#f8f9ffe6);border-radius:6px;border:1px solid rgba(212,224,255,.4)}.entryexit-header{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:0;background:transparent;border-radius:0;border:none}.entryexit-type{font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .5rem;border-radius:4px;flex-shrink:0}.entryexit-type.entry{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.entryexit-type.exit{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.entryexit-logic{font-size:.7rem;font-weight:600;color:#6b7280;padding:.2rem .4rem;background:#6366f11a;border-radius:3px;flex-shrink:0}.entryexit-symbol{font-size:.75rem;color:#374151;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entryexit-result{font-size:.7rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;flex-shrink:0}.entryexit-result.passed{background:#10b98126;color:#059669;border:1px solid #10b981}.entryexit-result.failed{background:#ef444426;color:#dc2626;border:1px solid #ef4444}.entryexit-conditions{display:flex;flex-direction:column;gap:.25rem;padding:0;background:transparent;border-radius:0;border:none}.entryexit-condition{display:flex;gap:.5rem;align-items:center;padding:.25rem .5rem;background:#fff9;border-radius:4px;border:1px solid rgba(212,224,255,.2);transition:all .2s ease;font-size:.75rem}.entryexit-condition:hover{background:#ffffffe6;border-color:#6366f14d}.entryexit-condition.true{border-left:2px solid #10b981}.entryexit-condition.false{border-left:2px solid #ef4444}.condition-text{font-size:.75rem;color:#374151;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.condition-result{font-size:.7rem;font-weight:700;padding:.15rem .35rem;border-radius:3px;flex-shrink:0}.condition-result.true{background:#10b98126;color:#059669}.condition-result.false{background:#ef444426;color:#dc2626}body.dark-mode .app-header{background:linear-gradient(135deg,#1e1b4b,#312e81);border-bottom-color:#818cf84d;box-shadow:0 2px 20px #6366f166}body.dark-mode .app-header:before{background:linear-gradient(90deg,#818cf8,#6366f1,#4f46e5)}body.dark-mode .tab-nav button{color:#d1d5db}body.dark-mode .tab-nav button:hover{background-color:#6366f14d;color:#f9fafb}body.dark-mode .tab-nav button.active{background-color:#818cf8;color:#fff}body.dark-mode .last-update{color:#d1d5db}body.dark-mode .panel-header{background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#818cf84d;box-shadow:0 2px 8px #6366f133}body.dark-mode .header-title,body.dark-mode .panel-header h2{color:#f9fafb}body.dark-mode .header-pnl.positive{color:#34d399}body.dark-mode .header-pnl.negative{color:#f87171}body.dark-mode .strategies-panel,body.dark-mode .positions-panel{background:linear-gradient(135deg,#0a0e1a,#111827);border-color:#6366f14d;box-shadow:0 6px 20px #0000004d}body.dark-mode .strategies-panel:hover,body.dark-mode .positions-panel:hover{box-shadow:0 8px 24px #6366f133}body.dark-mode .panel-tabs{background:#6366f11a;border-bottom-color:#818cf84d}body.dark-mode .panel-tab{color:#a5b4fc}body.dark-mode .panel-tab.active{background:#818cf8;color:#fff;border-bottom-color:#6366f1}body.dark-mode .panel-tab:hover:not(.active){background:#818cf833}body.dark-mode .strategies-table th{background:#1f2937;color:#f9fafb}body.dark-mode .strategies-table td{border-bottom-color:#818cf833}body.dark-mode .strategies-table tr:hover{background:#818cf81a}body.dark-mode .strategies-table tr.selected{background:#818cf833;border-left-color:#818cf8}body.dark-mode .strategies-table .positive{color:#34d399}body.dark-mode .strategies-table .negative{color:#f87171}body.dark-mode .position-card{background:#1f2937b3;border-color:#6366f14d}body.dark-mode .position-card:hover{background:#1f2937e6;border-color:#818cf866;box-shadow:0 4px 12px #6366f126}body.dark-mode .symbol{color:#f9fafb}body.dark-mode .side-indicator.buy{background:#064e3b;color:#34d399;border-color:#059669}body.dark-mode .side-indicator.sell{background:#7f1d1d;color:#f87171;border-color:#dc2626}body.dark-mode .strategy-name{background:#374151cc!important;color:#f9fafb!important;border-color:#6366f14d!important}body.dark-mode .detail-label,body.dark-mode .detail-value{color:#d1d5db}body.dark-mode .detail-value.price{color:#34d399}body.dark-mode .detail-value.time{color:#a78bfa}body.dark-mode .detail-value.reason{color:#fca5a5;background:#dc262633}body.dark-mode .detail-item{background:#37415199;border-color:#6366f14d}body.dark-mode .stat-card{background:linear-gradient(135deg,#0a0e1a,#111827);border-color:#6366f14d;box-shadow:0 6px 20px #0000004d}body.dark-mode .stat-card:before{background:linear-gradient(90deg,#818cf8,#6366f1)}body.dark-mode .stat-card:hover{box-shadow:0 12px 32px #6366f14d}body.dark-mode .stat-label{color:#d1d5db}body.dark-mode .stat-value.positive{color:#34d399}body.dark-mode .stat-value.negative{color:#f87171}body.dark-mode .stat-value.neutral{color:#818cf8}body.dark-mode .stat-breakdown,body.dark-mode .stat-subtext{color:#d1d5db}body.dark-mode .breakdown-item{background:#37415199}body.dark-mode .breakdown-item.positive{color:#34d399;background:#10b98126}body.dark-mode .breakdown-item.negative{color:#f87171;background:#ef444426}body.dark-mode .breakdown-item.neutral{color:#818cf8;background:#6366f126}body.dark-mode .breakdown-separator{color:#9ca3af}body.dark-mode .strategy-card{background:linear-gradient(135deg,#0a0e1a,#111827);border-color:#6366f14d;box-shadow:0 4px 12px #0000004d}body.dark-mode .strategy-card:hover{box-shadow:0 6px 16px #6366f133}body.dark-mode .strategy-header-compact{background:linear-gradient(135deg,#2d3748,#1a202c);border-bottom-color:#ffffff14}body.dark-mode .multiplier-inline{background:#6366f126;border-color:#818cf84d}body.dark-mode .multiplier-input-compact{background:#1f2937;border-color:#6366f14d;color:#f9fafb}body.dark-mode .multiplier-input-compact:hover{border-color:#818cf880;box-shadow:0 2px 8px #818cf826}body.dark-mode .multiplier-input-compact:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf826,0 2px 8px #818cf833;background:#1e293b;transform:scale(1.05)}body.dark-mode .multiplier-input-compact:disabled{background:#374151;color:#9ca3af;cursor:not-allowed;transform:none!important;box-shadow:none!important}body.dark-mode .multiplier-input-compact:disabled:hover{border-color:#6366f14d;transform:none!important;box-shadow:none!important}body.dark-mode .multiplier-label{color:#818cf8}body.dark-mode .strategy-info-section{background:#11182780;border-bottom-color:#818cf84d}body.dark-mode .info-group{background:#1f2937cc;border-color:#6366f14d}body.dark-mode .info-label{color:#9ca3af}body.dark-mode .info-value{color:#f9fafb}body.dark-mode .info-sub{color:#818cf8;background:#818cf826}body.dark-mode .info-value.status-badge.RUNNING{background:linear-gradient(135deg,#064e3b,#065f46);color:#34d399;border-color:#059669}body.dark-mode .info-value.status-badge.PAUSED{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#60a5fa;border-color:#1d4ed8}body.dark-mode .info-value.status-badge.STOPPED,body.dark-mode .info-value.status-badge.ERROR{background:linear-gradient(135deg,#374151,#4b5563);color:#d1d5db;border-color:#6b7280}body.dark-mode .info-value.enabled-badge.yes{background:linear-gradient(135deg,#064e3b,#065f46);color:#34d399;border-color:#059669}body.dark-mode .info-value.enabled-badge.no{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#f87171;border-color:#dc2626}body.dark-mode .strategy-header{background:linear-gradient(135deg,#2d3748,#1a202c);border-bottom-color:#ffffff14}body.dark-mode .strategy-header h3{color:#f9fafb}body.dark-mode .strategy-type-badge.indicator{background:linear-gradient(135deg,#60a5fa,#3b82f6)}body.dark-mode .strategy-type-badge.strangle{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}body.dark-mode .status.active,body.dark-mode .status.RUNNING{background:linear-gradient(135deg,#064e3b,#065f46);color:#34d399;border-color:#059669}body.dark-mode .status.waiting{background:linear-gradient(135deg,#78350f,#92400e);color:#fbbf24;border-color:#b45309}body.dark-mode .status.paused,body.dark-mode .status.PAUSED{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#60a5fa;border-color:#1d4ed8}body.dark-mode .status.closed{background-color:#7f1d1d;color:#f87171}body.dark-mode .status.inactive,body.dark-mode .status.STOPPED,body.dark-mode .status.ERROR{background:linear-gradient(135deg,#374151,#4b5563);color:#d1d5db;border-color:#6b7280}body.dark-mode .enabled.yes{color:#34d399}body.dark-mode .enabled.no{color:#f87171}body.dark-mode .strategy-detail-row,body.dark-mode .strategy-detail-item{background:#37415199;border-color:#6366f14d}body.dark-mode .strategy-detail-label,body.dark-mode .strategy-detail-value{color:#d1d5db}body.dark-mode .strategy-detail-value.status{color:#34d399}body.dark-mode .strategy-details-summary{background:#11182799;border-color:#6366f14d}body.dark-mode .summary-item{background:#1f2937cc;border-color:#6366f14d}body.dark-mode .summary-label{color:#9ca3af}body.dark-mode .summary-value{color:#f9fafb}body.dark-mode .execution-mode-paper{color:#818cf8;background:#818cf826}body.dark-mode .execution-mode-live{color:#34d399;background:#10b98126}body.dark-mode .execution-mode-signal{color:#fbbf24;background:#f59e0b26}body.dark-mode .multiplier-config-item{background:#6366f11a;border-color:#6366f14d}body.dark-mode .multiplier-input{background:#1f2937;border-color:#6366f14d;color:#f9fafb}body.dark-mode .multiplier-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}body.dark-mode .multiplier-input:disabled{background:#374151;color:#9ca3af}body.dark-mode .multiplier-suffix{color:#818cf8}body.dark-mode .strategy-actions{background:#11182780;border-top-color:#818cf84d}body.dark-mode .strategies-filters{background:linear-gradient(135deg,#0a0e1a,#111827);border-color:#6366f14d}body.dark-mode .strategies-filters .filter-label{color:#d1d5db}body.dark-mode .strategies-filters .filter-select{background:#1f2937;border-color:#6366f14d;color:#f9fafb}body.dark-mode .strategies-filters .filter-select:hover{border-color:#818cf880}body.dark-mode .strategies-filters .filter-select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .strategy-filter select{background:#1f2937;border-color:#374151;color:#f9fafb}body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus,body.dark-mode .strategy-filter select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}body.dark-mode .modal-content{background:linear-gradient(135deg,#0a0e1a,#111827);border-color:#6366f14d;box-shadow:0 8px 24px #00000080}body.dark-mode .modal-header{background:linear-gradient(135deg,#818cf8,#6366f1)}body.dark-mode .form-tabs{background:#1f2937;border-bottom-color:#374151}body.dark-mode .form-tabs button{color:#d1d5db}body.dark-mode .form-tabs button:hover{background-color:#374151;color:#f9fafb}body.dark-mode .form-tabs button.active{color:#818cf8;border-bottom-color:#818cf8;background-color:#111827}body.dark-mode .strategy-form{background:linear-gradient(135deg,#0a0e1a,#111827)}body.dark-mode .form-section{background:#1f293780;border-color:#6366f14d}body.dark-mode .form-section h4{color:#f9fafb}body.dark-mode .signal-group{background:#1f293780;border-color:#6366f14d}body.dark-mode .signal-group-header{background:linear-gradient(135deg,#818cf8,#6366f1)}body.dark-mode .signal-logic-select{background:#1f2937;color:#f9fafb;border-color:#374151}body.dark-mode .signal-conditions-header{background:#1f293780;color:#d1d5db;border-bottom-color:#818cf84d}body.dark-mode .signal-condition{background:#1f2937cc;border-bottom-color:#818cf84d}body.dark-mode .signal-lhs,body.dark-mode .signal-rhs{background:#11182780;border-color:#6366f14d}body.dark-mode .signal-operator{background:#1f2937;border-color:#374151;color:#f9fafb}body.dark-mode .signal-component label{color:#9ca3af}body.dark-mode .signal-component select,body.dark-mode .signal-component input{background:#1f2937;border-color:#374151;color:#f9fafb}body.dark-mode .signal-component select:focus,body.dark-mode .signal-component input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}body.dark-mode .signal-param input,body.dark-mode .signal-param select{background:#1f2937;color:#f9fafb;border-color:#4b5563}body.dark-mode .indicator-select,body.dark-mode .condition-select,body.dark-mode .timeframe-select,body.dark-mode .value-key-select,body.dark-mode .signal-value-input{background:#1f2937;border-color:#374151;color:#f9fafb}body.dark-mode .logs-header{background:linear-gradient(135deg,#0a0e1a,#111827);border-color:#6366f14d}body.dark-mode .logs-header h2{color:#f9fafb}body.dark-mode .logs-controls button{background:linear-gradient(135deg,#818cf8,#6366f1)}body.dark-mode .logs-controls button:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#4f46e5)}body.dark-mode .logs-controls label{background:#1f2937cc;border-color:#6366f14d;color:#f9fafb}body.dark-mode .logs-controls label:hover{background:#374151;border-color:#818cf866}body.dark-mode .logs-filters{background:#1f2937cc;border-color:#6366f14d}body.dark-mode .filter-label{color:#f9fafb}body.dark-mode .logs-filters button{color:#a5b4fc;border-color:#6366f14d}body.dark-mode .logs-filters button:hover{background:#818cf833;border-color:#818cf880}body.dark-mode .logs-filters button.active{background:#818cf8;color:#fff;border-color:#818cf8}body.dark-mode .filter-select{background:#1f2937;border-color:#6366f14d;color:#f9fafb}body.dark-mode .filter-select:hover{border-color:#818cf880}body.dark-mode .filter-select:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf833}body.dark-mode .logs-content{background:linear-gradient(135deg,#0a0e1a,#111827);border-color:#6366f14d}body.dark-mode .log-entry{background:#1f2937b3;border-color:#6366f14d}body.dark-mode .log-entry:hover{background:#1f2937e6;border-color:#818cf866}body.dark-mode .log-entry.log-pnl{border-left-color:#34d399}body.dark-mode .log-entry.log-sltp{border-left-color:#818cf8}body.dark-mode .log-entry.log-entry{border-left-color:#fbbf24}body.dark-mode .log-entry.log-exit{border-left-color:#a78bfa}body.dark-mode .log-entry.log-trade{border-left-color:#60a5fa}body.dark-mode .log-entry.log-error{border-left-color:#f87171;background:#7f1d1d4d}body.dark-mode .log-entry.log-warning{border-left-color:#fbbf24;background:#78350f4d}body.dark-mode .log-header{border-bottom-color:#818cf84d}body.dark-mode .log-time{color:#9ca3af;background:#818cf826}body.dark-mode .log-strategy{color:#f9fafb;background:#818cf833;border-color:#818cf84d}body.dark-mode .log-symbol{color:#d1d5db;background:#1f2937cc;border-color:#6366f14d}body.dark-mode .log-level.info{background:#1e3a8a;color:#60a5fa}body.dark-mode .log-level.warning{background:#78350f;color:#fbbf24}body.dark-mode .log-level.error{background:#7f1d1d;color:#f87171}body.dark-mode .log-level.debug{background:#374151;color:#d1d5db}body.dark-mode .log-body{color:#d1d5db}body.dark-mode .pnl-value{background:#1f2937cc}body.dark-mode .pnl-value.positive{color:#34d399;background:#10b98126}body.dark-mode .pnl-value.negative{color:#f87171;background:#ef444426}body.dark-mode .pnl-sl,body.dark-mode .pnl-tp{background:#818cf826;color:#d1d5db}body.dark-mode .sltp-symbol{color:#f9fafb;background:#818cf826}body.dark-mode .sltp-details span{background:#1f2937cc;border-color:#6366f14d}body.dark-mode .sltp-details strong{color:#f9fafb}body.dark-mode .sltp-details strong.positive{color:#34d399}body.dark-mode .sltp-details strong.negative{color:#f87171}body.dark-mode .log-message,body.dark-mode .log-message-short{color:#d1d5db}body.dark-mode .log-message-details summary{color:#818cf8;background:#818cf826}body.dark-mode .log-message-details summary:hover{background:#818cf840}body.dark-mode .log-message-details pre{background:#1f2937cc;border-color:#6366f14d}body.dark-mode .sltp-note{color:#9ca3af;background:#6b728033}body.dark-mode .log-entryexit-check{background:linear-gradient(135deg,#1f2937e6,#111827e6);border-color:#818cf866}body.dark-mode .entryexit-type.entry{background:linear-gradient(135deg,#059669,#047857)}body.dark-mode .entryexit-type.exit{background:linear-gradient(135deg,#7c3aed,#6d28d9)}body.dark-mode .entryexit-logic{background:#818cf826;color:#9ca3af}body.dark-mode .entryexit-symbol{color:#f9fafb}body.dark-mode .entryexit-result.passed{background:#10b98133;color:#34d399;border-color:#10b981}body.dark-mode .entryexit-result.failed{background:#ef444433;color:#f87171;border-color:#ef4444}body.dark-mode .entryexit-condition{background:#1f293799;border-color:#6366f14d}body.dark-mode .entryexit-condition:hover{background:#374151cc;border-color:#818cf866}body.dark-mode .entryexit-condition.true{border-left-color:#34d399}body.dark-mode .entryexit-condition.false{border-left-color:#f87171}body.dark-mode .condition-text{color:#f9fafb}body.dark-mode .condition-result.true{background:#10b98133;color:#34d399}body.dark-mode .condition-result.false{background:#ef444433;color:#f87171}body.dark-mode .settings-section{background:linear-gradient(135deg,#0a0e1a,#111827);border-color:#6366f14d}body.dark-mode .settings-section h3{color:#f9fafb}body.dark-mode .config-display{background:#1f2937;border-left-color:#818cf8}body.dark-mode .status-card{background:#1f2937;border-left-color:#6b7280}body.dark-mode .status-card.active{border-left-color:#34d399}body.dark-mode .status-card.waiting{border-left-color:#fbbf24}body.dark-mode .status-card.inactive{border-left-color:#6b7280}body.dark-mode .status-card h4{color:#f9fafb}body.dark-mode .strategy-item{border-bottom-color:#374151}body.dark-mode .empty-state{background:#111827}body.dark-mode .empty-state p,body.dark-mode .loading{color:#d1d5db}body.dark-mode .error-message{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#f87171;border-color:#dc2626}body.dark-mode .success-message{background:linear-gradient(135deg,#064e3b,#065f46);color:#34d399;border-color:#059669}body.dark-mode .offline-message{background:linear-gradient(135deg,#78350f,#92400e);border-color:#b45309;color:#fbbf24}body.dark-mode .pnl.positive{color:#34d399}body.dark-mode .pnl.negative{color:#f87171}body.dark-mode .positions-table th{background:#1f2937;color:#f9fafb}body.dark-mode .positions-table th,body.dark-mode .positions-table td{border-bottom-color:#374151}body.dark-mode .positions-table tr:hover{background-color:#1f2937}body.dark-mode .positions-table .positive{color:#34d399}body.dark-mode .positions-table .negative{color:#f87171}body.dark-mode .legs-header h4{color:#f9fafb}body.dark-mode .leg-config{background:#1f293799;border-color:#6366f14d}body.dark-mode .leg-header{border-bottom-color:#6366f14d}body.dark-mode .leg-header button:hover{background:#dc2626;color:#fff;border-color:#dc2626}.settings-container{display:flex;flex-direction:column;gap:0;max-width:900px;margin:1rem auto;padding:0 1rem;animation:fadeIn .4s ease-out}.settings-header{text-align:center;margin-bottom:2rem}.settings-header h2{font-size:2.2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-primary) 0%,#818cf8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.settings-header p{color:var(--text-secondary);font-size:1.1rem}.settings-tabs{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;border-bottom:2px solid #ecf0f1;margin-bottom:0;background:var(--bg-primary);border-radius:8px 8px 0 0}body.dark-mode .settings-tabs{border-bottom-color:#6366f14d;background:#111827e6}.settings-tabs-list{display:flex;gap:.25rem}.settings-tabs-actions{display:flex;align-items:center;gap:1.5rem;padding:.5rem 0}.settings-status-compact{font-size:.85rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.btn-primary-compact{padding:.5rem 1.25rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6366f133}.btn-primary-compact:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.btn-primary-compact:disabled{background:#4b5563;cursor:not-allowed;opacity:.6}.settings-tab{padding:.75rem 1.25rem;border-radius:8px 8px 0 0;background:#f8f9fa;border:none;border-bottom:3px solid transparent;color:#6b7280;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;position:relative;bottom:-2px}body.dark-mode .settings-tab{background:#1f2937cc;color:#9ca3af}.settings-tab:hover{background:#e9ecef;color:#6366f1}body.dark-mode .settings-tab:hover{background:#374151cc;color:#a5b4fc}.settings-tab.active{background:var(--bg-primary);color:var(--accent-primary);border-bottom-color:var(--accent-primary);z-index:2}body.dark-mode .settings-tab.active{background:#111827e6;color:#818cf8;border-bottom-color:#818cf8}.settings-main{background:var(--bg-primary);border-radius:0 0 8px 8px;border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color);display:flex;flex-direction:column;overflow:hidden;position:relative;border-top:none}body.dark-mode .settings-main{background:linear-gradient(135deg,#0a0e1a,#111827);border-color:#6366f14d}.settings-scroll-area{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.settings-card{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;border:1px solid var(--border-color);transition:all .3s ease}.settings-card:hover{border-color:#6366f166;box-shadow:0 4px 20px var(--shadow-color)}.settings-card h3{margin:0 0 1.5rem;font-size:1.1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.settings-row{display:flex;flex-direction:column;gap:.5rem}.settings-row-inline{display:flex;justify-content:space-between;align-items:center;gap:1rem}.settings-row-inline label{margin-bottom:0;white-space:nowrap}.settings-row-inline input,.settings-row-inline select{width:auto;min-width:120px}.settings-row label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.settings-row input,.settings-row select{width:100%}.settings-row small{font-size:.75rem;color:var(--text-secondary);opacity:.8;line-height:1.4}.account-item{background:var(--bg-primary);border-radius:12px;padding:1rem;margin-bottom:1rem;border:1px solid var(--border-color);position:relative}.account-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.account-item h4{margin:0;color:var(--accent-primary)}.btn-remove-account{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:.25rem .5rem;border-radius:6px;font-size:.75rem;cursor:pointer}.btn-add-account{width:100%;padding:.75rem;background:#6366f11a;color:var(--accent-primary);border:1px dashed var(--accent-primary);border-radius:12px;cursor:pointer;font-weight:600;margin-top:1rem}body.dark-mode .settings-tab{background:#11182766}body.dark-mode .settings-tab:hover{background:#1f293799}body.dark-mode .settings-tab.active{background:#1f2937cc}body.dark-mode .account-item{background:#1f293766}.placeholder-badge{display:inline-block;padding:2px 6px;background:#22c55e1a;color:#22c55e;border-radius:4px;font-size:.7rem;margin-left:8px;font-family:monospace;vertical-align:middle;border:1px solid rgba(34,197,94,.2)}body.dark-mode .placeholder-badge{background:#22c55e33;color:#4ade80;border-color:#22c55e4d}.login-container{max-width:900px;margin:0 auto;padding:.5rem 1rem 0}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2rem;margin-bottom:.5rem;color:#6366f1}.login-header p{color:#6b7280;font-size:1rem}.broker-tabs{display:flex;gap:.5rem;margin-bottom:.75rem;margin-top:0;border-bottom:2px solid #ecf0f1}.tab-button{flex:1;padding:.75rem 1rem;background:#f8f9fa;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#6b7280;transition:all .3s ease;border-radius:8px 8px 0 0}.tab-button:hover{background:#e9ecef;color:#6366f1}.tab-button.active{background:var(--bg-primary);color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.login-content{background:var(--bg-primary);border-radius:8px;padding:1rem;box-shadow:0 2px 8px var(--shadow-color);border:1px solid var(--border-color)}.broker-panel{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.panel-header-zerodha,.panel-header-fyers{flex-direction:column;align-items:flex-start;gap:.5rem}.panel-header-title{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.panel-header-zerodha h2,.panel-header-fyers h2{margin-bottom:0}.panel-header h2{font-size:1.25rem;color:#6366f1;margin:0}.btn-start-bot-header{padding:.5rem 1rem;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background .3s ease;white-space:nowrap}.btn-start-bot-header.authenticated{background:#22c55e}.btn-start-bot-header.authenticated:hover{background:#16a34a}.btn-start-bot-header.not-authenticated{background:#ef4444}.btn-start-bot-header.not-authenticated:hover{background:#dc2626}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase}.status-badge-success{background:#d4edda;color:#155724}.status-badge-error{background:#f8d7da;color:#721c24}.account-status-badges{display:flex;flex-wrap:wrap;gap:.5rem}.account-status-badge{padding:.35rem .75rem;border-radius:16px;font-size:.8rem;font-weight:600;display:inline-block;white-space:nowrap}.account-status-success{background:#22c55e;color:#fff}.account-status-error{background:#ef4444;color:#fff}.expires-at-inline{padding:.25rem .5rem;border-radius:16px;font-size:.7rem;font-weight:500;color:#6c757d;display:inline-block;white-space:nowrap}.auth-success{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.auth-success p{margin:.25rem 0;color:#155724}.expires-at{font-size:.875rem;color:#0c5236;font-style:italic}.auth-success-actions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.auth-success-actions-inline{display:flex;justify-content:flex-end;margin-bottom:.5rem}.btn-start-bot{flex:1;padding:.5rem 1rem;background:#6366f1;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;transition:background .3s ease;min-width:120px}.btn-start-bot:hover{background:#4f46e5}.btn-logout{margin-top:0;padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .3s ease;min-width:80px}.btn-logout:hover{background:#c82333}.auth-instructions{background:#f0f4ff;border-left:4px solid #6366f1;padding:.75rem;margin-bottom:1rem;border-radius:4px}.auth-instructions h3{margin-top:0;margin-bottom:.5rem;color:#6366f1;font-size:.9rem}.auth-instructions p{margin-bottom:0;color:#6b7280}.auth-instructions ol{margin:.5rem 0 0;padding-left:1.5rem}.auth-instructions li{margin-bottom:.5rem;color:#6b7280}.auth-instructions code{background:#fff;padding:.125rem .25rem;border-radius:3px;font-family:Courier New,monospace;font-size:.875rem;color:#e74c3c}.auth-methods{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.auth-method{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.auth-method h4{margin:0 0 .5rem;font-size:.95rem;color:#6366f1}.auth-method p{margin:0 0 .75rem;color:#64748b;font-size:.85rem;line-height:1.4}.btn-login{width:100%;padding:.6rem 1rem;background:#2c3e50;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-login:hover{background:#1a202c}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;color:#2c3e50;font-weight:500;font-size:.85rem}.form-group label .required{color:#e74c3c}.form-input{width:100%;padding:.6rem;border:1px solid #ced4da;border-radius:4px;font-size:.95rem;transition:border-color .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-input:disabled{background:#e9ecef;cursor:not-allowed}.btn-primary{width:100%;padding:.7rem;background:#6366f1;color:#fff;border:none;border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-primary:hover:not(:disabled){background:#4f46e5}.btn-primary:disabled{background:#95a5a6;cursor:not-allowed}body.dark-mode .login-container{background:transparent}body.dark-mode .login-header h1{color:#818cf8}body.dark-mode .login-header p{color:#d1d5db}body.dark-mode .broker-tabs{border-bottom-color:#6366f14d}body.dark-mode .tab-button{background:#1f2937cc;color:#9ca3af;border-bottom-color:transparent}body.dark-mode .tab-button:hover{background:#374151cc;color:#a5b4fc}body.dark-mode .tab-button.active{background:#111827e6;color:#818cf8;border-bottom-color:#818cf8}body.dark-mode .login-content{background:linear-gradient(135deg,#0a0e1a,#111827);border-color:#6366f14d;box-shadow:0 2px 8px #0000004d}body.dark-mode .panel-header{border-bottom-color:#6366f14d}body.dark-mode .panel-header h2{color:#818cf8}body.dark-mode .btn-start-bot-header.authenticated{background:#059669}body.dark-mode .btn-start-bot-header.authenticated:hover{background:#047857}body.dark-mode .btn-start-bot-header.not-authenticated{background:#dc2626}body.dark-mode .btn-start-bot-header.not-authenticated:hover{background:#b91c1c}body.dark-mode .status-badge-success{background:#064e3b;color:#34d399}body.dark-mode .status-badge-error{background:#7f1d1d;color:#f87171}body.dark-mode .account-status-success{background:#059669;color:#fff}body.dark-mode .account-status-error{background:#dc2626;color:#fff}body.dark-mode .expires-at-inline{color:#9ca3af;background:#37415199}body.dark-mode .auth-success{background:#10b98126;border-color:#059669}body.dark-mode .auth-success p{color:#34d399}body.dark-mode .expires-at{color:#6ee7b7}body.dark-mode .btn-start-bot{background:#818cf8}body.dark-mode .btn-start-bot:hover{background:#6366f1}body.dark-mode .btn-logout{background:#dc2626}body.dark-mode .btn-logout:hover{background:#b91c1c}body.dark-mode .auth-instructions{background:#6366f11a;border-left-color:#818cf8}body.dark-mode .auth-instructions h3{color:#a5b4fc}body.dark-mode .auth-instructions p,body.dark-mode .auth-instructions li{color:#d1d5db}body.dark-mode .auth-instructions code{background:#1f2937cc;color:#f87171}body.dark-mode .auth-method{background:#1f293799;border-color:#6366f14d}body.dark-mode .auth-method h4{color:#a5b4fc}body.dark-mode .auth-method p{color:#9ca3af}body.dark-mode .btn-login{background:#374151;color:#f9fafb}body.dark-mode .btn-login:hover{background:#4b5563}body.dark-mode .form-group label{color:#d1d5db}body.dark-mode .form-group label .required{color:#f87171}body.dark-mode .form-input{background:#1f2937;border-color:#374151;color:#f9fafb}body.dark-mode .form-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}body.dark-mode .form-input:disabled{background:#374151;cursor:not-allowed}body.dark-mode .btn-primary{background:#818cf8}body.dark-mode .btn-primary:hover:not(:disabled){background:#6366f1}body.dark-mode .btn-primary:disabled{background:#4b5563;cursor:not-allowed}body.dark-mode .form-hint{color:#9ca3af}body.dark-mode select.form-input{background:#1f2937;border-color:#374151;color:#f9fafb}body.dark-mode select.form-input option{background:#1f2937;color:#f9fafb}@media(max-width:768px){.login-container{padding:1rem}.login-header h1{font-size:1.5rem}.broker-tabs{flex-direction:column}.tab-button{border-bottom:2px solid transparent;border-radius:4px}.tab-button.active{border-bottom-color:transparent;border-left:3px solid #6366f1}.login-content{padding:1rem}.panel-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.bot-control{padding:20px;max-width:800px;margin:0 auto}.bot-control h2{margin-bottom:20px;color:#333;font-size:24px;font-weight:600}.status-section{background:var(--bg-secondary);border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid var(--border-color)}.status-badge{display:flex;align-items:center;gap:10px;margin-bottom:10px}.status-indicator{width:12px;height:12px;border-radius:50%;display:inline-block}.status-stopped{background-color:#9e9e9e}.status-initializing{background-color:#ff9800;animation:pulse 1.5s infinite}.status-running{background-color:#4caf50}.status-error{background-color:#f44336}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:18px;font-weight:600;text-transform:uppercase}.status-message{color:#666;font-size:14px;margin-top:5px}.recovery-errors-section{margin-top:15px;border:2px solid #f44336;border-radius:6px;background:#ffebee;animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{box-shadow:0 0 #f4433666}50%{box-shadow:0 0 0 8px #f4433600}}.recovery-errors-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid rgba(244,67,54,.2);background:#f443360d}.recovery-errors-header h4{margin:0;color:#d32f2f;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.btn-dismiss-all{padding:6px 12px;background:#f44336;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.btn-dismiss-all:hover{background:#d32f2f}.recovery-error-item{padding:15px;border-bottom:1px solid rgba(244,67,54,.1);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recovery-error-item:last-child{border-bottom:none}.error-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.error-symbol{font-weight:700;color:#d32f2f;font-size:14px;background:#d32f2f1a;padding:4px 8px;border-radius:4px}.error-strategy{font-weight:600;color:#c62828;font-size:13px}.btn-dismiss{background:transparent;border:none;color:#f44336;font-size:18px;cursor:pointer;padding:4px 8px;line-height:1;transition:transform .2s}.btn-dismiss:hover{transform:scale(1.2)}.error-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-bottom:10px}.error-detail{display:flex;flex-direction:column;gap:2px}.error-label{font-size:11px;color:#666;font-weight:500;text-transform:uppercase}.error-value{font-size:13px;font-weight:600;color:#333}.error-value-bad{color:#d32f2f;background:#d32f2f1a;padding:2px 6px;border-radius:3px}.error-message{grid-column:1 / -1;background:#fff;padding:10px;border-radius:4px;border-left:3px solid #f44336;font-size:12px;color:#d32f2f;font-family:Courier New,monospace;line-height:1.4}.authentication-status{margin-bottom:20px}.auth-indicator{display:inline-block;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:600}.auth-authenticated{background-color:#e8f5e8;color:#2e7d32;border:1px solid #4caf50}.auth-not-authenticated{background-color:#ffebee;color:#c62828;border:1px solid #f44336}.control-section{margin-bottom:30px}.btn{padding:12px 24px;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-start{background-color:#4caf50;color:#fff}.btn-start:hover:not(:disabled){background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-stop{background-color:#f44336;color:#fff}.btn-stop:hover:not(:disabled){background-color:#da190b;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-retry{background-color:#ff9800;color:#fff}.btn-retry:hover:not(:disabled){background-color:#f57c00;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.initializing-spinner{display:flex;align-items:center;gap:15px;padding:15px;background-color:var(--bg-secondary);border-radius:4px;border:1px solid var(--accent-primary)}.spinner{width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #ff9800;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-section{background:#e3f2fd;border-radius:8px;padding:20px;border-left:4px solid #2196f3}.info-section h3{margin-bottom:15px;color:#1976d2;font-size:18px}.info-section ol{margin-left:20px;line-height:1.8}.info-section li{margin-bottom:10px;color:#424242}.info-section strong{color:#1976d2;font-weight:600}@media(max-width:768px){.bot-control{padding:15px}.bot-control h2{font-size:20px}.status-text{font-size:16px}.btn{width:100%;padding:15px;font-size:14px}.info-section{padding:15px}}.confirm-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000}.confirm-modal{background:#fff;padding:20px;border-radius:8px;width:420px;max-width:90%;box-shadow:0 8px 24px #0003}.confirm-modal h3{margin-top:0}.confirm-modal .modal-actions{display:flex;gap:10px;margin-top:16px;justify-content:flex-end}body.dark-mode .bot-control{background:transparent}body.dark-mode .bot-control h2{color:#f9fafb}body.dark-mode .status-section{background:#1f293799;border:1px solid rgba(99,102,241,.3)}body.dark-mode .status-text{color:#f9fafb}body.dark-mode .status-message{color:#d1d5db}body.dark-mode .auth-authenticated{background:#10b98126;color:#34d399;border-color:#059669}body.dark-mode .auth-not-authenticated{background:#ef444426;color:#f87171;border-color:#dc2626}body.dark-mode .btn-start{background:#059669}body.dark-mode .btn-start:hover:not(:disabled){background:#047857}body.dark-mode .btn-stop{background:#dc2626}body.dark-mode .btn-stop:hover:not(:disabled){background:#b91c1c}body.dark-mode .btn-retry{background:#f59e0b}body.dark-mode .btn-retry:hover:not(:disabled){background:#d97706}body.dark-mode .initializing-spinner{background:#78350f4d;border-color:#f59e0b}body.dark-mode .spinner{border-color:#374151;border-top-color:#f59e0b}body.dark-mode .info-section{background:#1e3a8a33;border-left-color:#60a5fa}body.dark-mode .info-section h3{color:#60a5fa}body.dark-mode .info-section li{color:#d1d5db}body.dark-mode .info-section strong{color:#93c5fd}body.dark-mode .confirm-modal{background:linear-gradient(135deg,#0a0e1a,#111827);border:1px solid rgba(99,102,241,.3)}body.dark-mode .confirm-modal h3{color:#f9fafb}body.dark-mode .recovery-errors-section{background:#b71c1c26;border-color:#f871714d;animation:errorPulseDark 2s ease-in-out infinite}@keyframes errorPulseDark{0%,to{box-shadow:0 0 #f8717166}50%{box-shadow:0 0 0 8px #f8717100}}body.dark-mode .recovery-errors-header{background:#f871711a;border-bottom-color:#f8717133}body.dark-mode .recovery-errors-header h4{color:#f87171}body.dark-mode .btn-dismiss-all{background:#dc2626}body.dark-mode .btn-dismiss-all:hover{background:#b91c1c}body.dark-mode .error-symbol{color:#f87171;background:#f8717126}body.dark-mode .error-strategy,body.dark-mode .btn-dismiss{color:#f87171}body.dark-mode .error-label{color:#9ca3af}body.dark-mode .error-value{color:#e5e7eb}body.dark-mode .error-value-bad{color:#f87171;background:#f8717126}body.dark-mode .error-message{background:#1e293bcc;border-left-color:#f87171;color:#fca5a5}