.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px;width:360px;max-width:90vw;text-align:center}.login-title{font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),#a371f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.login-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:28px}.login-input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box}.login-input:focus{border-color:var(--accent-primary)}.login-input::placeholder{color:var(--text-muted)}.login-error{background:#da36331a;color:var(--accent-danger-light);padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;margin-top:12px}.login-button{width:100%;padding:12px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:16px}.login-button:hover:not(:disabled){background:var(--accent-secondary)}.login-button:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:baseline;gap:8px}.logo{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),#a371f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-sub{font-size:14px;color:var(--text-secondary);font-weight:500}.header-right{display:flex;align-items:center;gap:16px}.connection-indicator{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.connection-indicator .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-danger)}.connection-indicator.connected .dot{background:var(--accent-success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.running{background:#23863626;color:var(--accent-success);border:1px solid rgba(35,134,54,.3)}.status-badge.stopped{background:#da363326;color:var(--accent-danger);border:1px solid rgba(218,54,51,.3)}.ticker{display:flex;align-items:center;gap:24px;padding:12px 24px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);overflow-x:auto}.ticker-item{display:flex;flex-direction:column;min-width:fit-content}.ticker-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.ticker-value{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.ticker-value.positive{color:var(--accent-success-light)}.ticker-value.negative{color:var(--accent-danger-light)}.ticker-value.highlight{color:var(--accent-primary)}.ticker-divider{width:1px;height:32px;background:var(--border-color)}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#da36331a;border-bottom:1px solid var(--accent-danger);color:var(--accent-danger-light);font-size:14px}.error-banner button{color:var(--accent-danger);font-size:13px;padding:4px 8px;border-radius:var(--radius-sm)}.error-banner button:hover{background:#da363333}.main{display:grid;grid-template-columns:340px 1fr;flex:1}@media (max-width: 1024px){.main{grid-template-columns:1fr}.sidebar{order:2}}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:20px;overflow-y:auto}.content{padding:20px;overflow-y:auto}.control-panel{display:flex;flex-direction:column;gap:20px}.panel-header{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.panel-header h2{font-size:18px;font-weight:600}.panel-header svg{color:var(--text-secondary)}.position-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;border-left:3px solid var(--text-muted)}.position-card.active{border-left-color:var(--accent-primary)}.position-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.position-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.position-title svg{color:var(--text-secondary)}.pnl-badge{font-size:13px;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm)}.pnl-badge.positive{background:#23863626;color:var(--accent-success-light)}.pnl-badge.negative{background:#da363326;color:var(--accent-danger-light)}.position-details{display:flex;flex-direction:column;gap:8px}.position-row{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-bottom:1px solid var(--border-subtle)}.position-row:last-child{border-bottom:none}.position-row .label{color:var(--text-secondary)}.position-row .value{color:var(--text-primary);font-weight:500;font-variant-numeric:tabular-nums}.position-row .value.time{font-size:12px}.config-section{display:flex;flex-direction:column;gap:12px}.section-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group.full{grid-column:1 / -1}.input-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.input-group .hint{font-size:11px;color:var(--text-muted)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s}.btn-apply{background:var(--accent-primary);color:#fff}.btn-apply:hover{background:var(--accent-secondary)}.btn-start{background:var(--accent-success);color:#fff;width:100%}.btn-start:hover{background:var(--accent-success-light)}.btn-stop{background:var(--accent-danger);color:#fff;width:100%}.btn-stop:hover{background:var(--accent-danger-light)}.btn-force-exit{background:var(--accent-warning);color:#fff;width:100%;margin-top:8px}.btn-force-exit:hover{background:#e5a628}.btn-pause{background:var(--accent-warning);color:#fff;width:100%}.btn-pause:hover{background:#e5a628}.engine-state{margin-bottom:12px}.state-indicators{display:flex;gap:8px;margin-bottom:8px}.state-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.state-badge.active{background:#23863626;color:var(--accent-success);border:1px solid rgba(35,134,54,.3)}.state-badge.inactive{background:#da363326;color:var(--accent-danger);border:1px solid rgba(218,54,51,.3)}.disabled-reason{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#da36331a;border:1px solid rgba(218,54,51,.2);border-radius:var(--radius-sm);font-size:12px;color:var(--accent-danger)}.control-buttons{display:flex;flex-direction:column;gap:8px}.config-info{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:12px}.info-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}.info-row span:first-child{color:var(--text-secondary)}.info-row span:last-child{color:var(--text-primary);font-weight:500}.dashboard{display:flex;flex-direction:column;gap:20px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 768px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-icon{color:var(--text-muted)}.stat-value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.stat-value.positive{color:var(--accent-success-light)}.stat-value.negative{color:var(--accent-danger-light)}.stat-value.neutral{color:var(--text-primary)}.stat-sub{font-size:12px;color:var(--text-secondary);margin-top:4px}.premium-stats{display:flex;gap:24px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.premium-stat{display:flex;flex-direction:column}.premium-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.premium-stat-value{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.tabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--border-color);padding-bottom:1px}.tab{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-1px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.refresh-btn{margin-left:auto;padding:8px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .2s}.refresh-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chart-container{height:400px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);position:relative;overflow:hidden}.chart-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted)}.trades-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.trades-table{width:100%;border-collapse:collapse;font-size:13px}.trades-table th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:11px;letter-spacing:.5px}.trades-table td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-variant-numeric:tabular-nums}.trades-table tr:last-child td{border-bottom:none}.trades-table tr:hover td{background:#ffffff05}.trades-table .time-cell{font-size:12px;color:var(--text-secondary)}.trades-table .empty-row{text-align:center;padding:32px;color:var(--text-muted)}.trades-table .positive{color:var(--accent-success-light)}.trades-table .negative{color:var(--accent-danger-light)}.trade-badge{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.trade-badge.enter,.trade-badge.reconcile{background:#23863626;color:var(--accent-success-light);border:1px solid rgba(35,134,54,.3)}.trade-badge.exit,.trade-badge.adjustment{background:#da363326;color:var(--accent-danger-light);border:1px solid rgba(218,54,51,.3)}.header-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.header-btn-telegram{background:#2aabee1f;color:#2aabee;border-color:#2aabee40}.header-btn-telegram:hover{background:#2aabee38;border-color:#2aabee73;box-shadow:0 0 12px #2aabee26}.header-btn-logout{background:#8b949e1a;color:var(--text-secondary);border-color:#8b949e33}.header-btn-logout:hover{background:#da363326;color:var(--accent-danger-light);border-color:#da36334d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:420px;max-width:90vw;max-height:80vh;overflow-y:auto;padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.telegram-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.telegram-empty{text-align:center;color:var(--text-secondary);padding:16px;font-size:13px}.telegram-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.telegram-item.disabled{opacity:.5}.telegram-item-info{flex:1;min-width:0}.telegram-item-label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.telegram-item-details{display:flex;gap:8px;font-size:11px;color:var(--text-secondary)}.telegram-token,.telegram-chat{font-family:var(--font-mono)}.telegram-item-actions{display:flex;gap:4px;margin-left:8px}.btn-icon{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center}.btn-icon:hover{background:var(--bg-primary);color:var(--text-primary)}.btn-icon-danger:hover{color:var(--accent-danger-light)}.toggle-on{color:var(--accent-success-light)}.toggle-off{color:var(--text-secondary)}.telegram-add{border-top:1px solid var(--border-color);padding-top:16px}.telegram-add h4{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.telegram-error{background:#da36331a;color:var(--accent-danger-light);padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;margin-bottom:12px}.btn-add{background:var(--accent-primary);color:#fff;width:100%;margin-top:8px}.btn-add:hover{background:var(--accent-secondary)}.btn-add:disabled{opacity:.5;cursor:not-allowed}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-elevated: #1c2128;--border-color: #30363d;--border-subtle: #21262d;--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #6e7681;--accent-primary: #58a6ff;--accent-secondary: #1f6feb;--accent-success: #238636;--accent-success-light: #2ea043;--accent-danger: #da3633;--accent-danger-light: #f85149;--accent-warning: #d29922;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}button{cursor:pointer;font-family:inherit;border:none;background:none}input{font-family:inherit;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;width:100%;transition:border-color .2s,box-shadow .2s}input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #58a6ff26}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}