.app{min-height:100vh;background-color:#0a0e1a;color:#fff}.trading-container{max-width:1400px;margin:0 auto;padding:2rem}.trading-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.trading-grid{grid-template-columns:1fr}}.chart-container,.panel-container{background:#ffffff0d;border-radius:8px;padding:1.5rem}h1{font-size:2.5rem;margin-bottom:2rem;font-weight:700}:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--success-green: #10b981;--success-light: #d1fae5;--danger-red: #ef4444;--danger-light: #fee2e2;--warning-yellow: #f59e0b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition: all .2s ease}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5}.dashboard-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard-header{background:#fff;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:100;flex-shrink:0}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 2rem;gap:2rem}.header-left{display:flex;align-items:center;gap:3rem;flex-shrink:0}.logo{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;margin:0}.header-nav{display:flex;gap:2rem}.nav-link{text-decoration:none;color:var(--text-secondary);font-size:14px;font-weight:500;transition:var(--transition);padding-bottom:2px;border-bottom:2px solid transparent}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.header-center{flex:1;max-width:400px}.search-input{width:100%;height:40px;padding:0 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--accent-blue);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:var(--text-tertiary)}.header-right{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.account-info{display:flex;gap:2rem;align-items:center}.info-item{display:flex;flex-direction:column;gap:2px;text-align:right}.info-item .label{font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.info-item .value{font-size:14px;font-weight:700;color:var(--text-primary)}.info-item.gain.positive .value{color:var(--success-green)}.info-item.gain.negative .value{color:var(--danger-red)}.header-btn{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.header-btn:hover{background:var(--bg-tertiary);border-color:#d1d5db}.dashboard-wrapper{display:grid;grid-template-columns:280px 1fr 300px;gap:1.5rem;padding:1.5rem;flex:1;overflow:hidden;background:var(--bg-secondary)}.sidebar-left,.sidebar-right{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;overflow-x:hidden;padding-right:4px}.sidebar-left::-webkit-scrollbar,.sidebar-right::-webkit-scrollbar{width:6px}.sidebar-left::-webkit-scrollbar-track,.sidebar-right::-webkit-scrollbar-track{background:transparent}.sidebar-left::-webkit-scrollbar-thumb,.sidebar-right::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-left::-webkit-scrollbar-thumb:hover,.sidebar-right::-webkit-scrollbar-thumb:hover{background:#d1d5db}.sidebar-card{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.sidebar-card:hover{border-color:#d1d5db;box-shadow:var(--shadow-md)}.card-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);margin:0 0 1rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.indices-list{display:flex;flex-direction:column;gap:.75rem}.index-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem .5rem;font-size:13px}.index-name{color:var(--text-secondary);font-weight:600;flex:1}.index-value{color:var(--text-primary);font-weight:700;font-size:14px;min-width:90px;text-align:right}.index-change{font-weight:700;font-size:12px;min-width:50px;text-align:right}.index-change.positive{color:var(--success-green)}.index-change.negative{color:var(--danger-red)}.positions-list{display:flex;flex-direction:column;gap:.75rem}.position-item{padding:.75rem;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color);transition:var(--transition);cursor:pointer}.position-item:hover{background:var(--bg-secondary);border-color:#d1d5db}.position-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.position-symbol{font-weight:700;color:var(--text-primary);font-size:13px}.position-pnl{font-weight:700;font-size:12px}.position-pnl.positive{color:var(--success-green)}.position-pnl.negative{color:var(--danger-red)}.position-details{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.position-percent{font-weight:700}.position-percent.positive{color:var(--success-green)}.position-percent.negative{color:var(--danger-red)}.empty-state{text-align:center;color:var(--text-tertiary);font-size:12px;padding:1rem}.calendar-list{display:flex;flex-direction:column;gap:.75rem}.calendar-event{display:flex;flex-direction:column;gap:4px;padding:.75rem;background:var(--bg-tertiary);border-radius:6px;border-left:3px solid var(--border-color);font-size:12px;transition:var(--transition)}.calendar-event.high{border-left-color:var(--danger-red);background:#ef44440d}.calendar-event.medium{border-left-color:var(--warning-yellow);background:#f59e0b0d}.event-time{font-weight:700;color:var(--text-primary);font-size:11px}.event-name{color:var(--text-primary);font-weight:600}.event-impact{color:var(--text-tertiary);font-size:11px;font-weight:600}.main-content{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;overflow-x:hidden;padding-right:4px}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.main-content::-webkit-scrollbar-thumb:hover{background:#d1d5db}.chart-section{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow-sm);flex:0 0 auto}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:2rem}.chart-info{display:flex;flex-direction:column;gap:.5rem}.chart-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.chart-subtitle{font-size:13px;color:var(--text-secondary);margin:0;font-weight:500}.chart-price-info{display:flex;align-items:center;gap:3rem}.price-display{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.price-value{font-size:28px;font-weight:700;color:var(--text-primary)}.price-change{font-size:14px;font-weight:700}.price-change.positive{color:var(--success-green)}.price-change.negative{color:var(--danger-red)}.price-stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column;gap:2px;align-items:flex-end}.stat-label{font-size:11px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.stat-value{font-size:14px;font-weight:700;color:var(--text-primary)}.timeframe-selector{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tf-button{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.3px}.tf-button:hover{background:var(--bg-tertiary);border-color:#d1d5db}.tf-button.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.chart-canvas{display:flex;align-items:center;justify-content:center;height:200px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color);margin-bottom:1.5rem;overflow:hidden}.chart-svg{width:100%;height:100%}.chart-indicators{display:flex;gap:2rem;padding:1rem;background:var(--bg-tertiary);border-radius:6px;flex-wrap:wrap}.indicator-item{display:flex;gap:.5rem;align-items:center;font-size:12px}.indicator-label{color:var(--text-secondary);font-weight:600}.indicator-value{color:var(--text-primary);font-weight:700}.trading-section{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:0;box-shadow:var(--shadow-sm);flex:1;display:flex;flex-direction:column;overflow:hidden}.trading-tabs{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);padding:0}.trading-tab{flex:1;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);text-align:center;white-space:nowrap}.trading-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.trading-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue);background:#fff}.trading-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px}.trading-content::-webkit-scrollbar{width:6px}.trading-content::-webkit-scrollbar-track{background:transparent}.trading-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.trading-content::-webkit-scrollbar-thumb:hover{background:#d1d5db}.order-panel{padding:1.5rem}.order-form{max-width:350px;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary)}.form-control{padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;transition:var(--transition);font-family:inherit}.form-control:hover{border-color:#d1d5db;background:#fff}.form-control:focus{outline:none;border-color:var(--accent-blue);background:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-total{padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-weight:700;color:var(--accent-blue);font-size:16px;text-align:center}.form-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.btn{padding:.875rem;border:none;border-radius:6px;font-weight:700;font-size:13px;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.3px}.btn-buy{background:var(--success-green);color:#fff}.btn-buy:hover:not(:disabled){background:#059669;box-shadow:var(--shadow-md)}.btn-buy:disabled{opacity:.5;cursor:not-allowed}.btn-sell{background:var(--danger-red);color:#fff}.btn-sell:hover:not(:disabled){background:#dc2626;box-shadow:var(--shadow-md)}.btn-sell:disabled{opacity:.5;cursor:not-allowed}.form-info{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-tertiary);border-radius:6px;font-size:12px;color:var(--text-secondary)}.form-info p{margin:0}.warning{color:var(--warning-yellow)!important;font-weight:600}.positions-panel{padding:1.5rem;overflow-x:auto}.positions-table{width:100%;border-collapse:collapse;font-size:13px}.positions-table thead{background:var(--bg-tertiary)}.positions-table th{padding:.875rem;text-align:left;font-weight:700;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border-color)}.positions-table tbody tr{border-bottom:1px solid var(--border-color);transition:var(--transition)}.positions-table tbody tr:hover{background:var(--bg-tertiary)}.positions-table td{padding:.875rem;color:var(--text-primary);font-weight:500}.positions-table .symbol-cell{font-weight:700;color:var(--accent-blue)}.positions-table td.positive{color:var(--success-green);font-weight:700}.positions-table td.negative{color:var(--danger-red);font-weight:700}.history-panel{padding:1.5rem}.empty-message{text-align:center;color:var(--text-tertiary);font-size:13px;padding:2rem}.status-box{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:6px;border-left:4px solid var(--border-color)}.status-box.connected{background:#10b98114;border-left-color:var(--success-green)}.status-box.disconnected{background:#ef444414;border-left-color:var(--danger-red)}.status-indicator{width:12px;height:12px;border-radius:50%;background:var(--border-color);flex-shrink:0}.status-box.connected .status-indicator{background:var(--success-green)}.status-box.disconnected .status-indicator{background:var(--danger-red)}.status-info{display:flex;flex-direction:column;gap:2px}.status-title{margin:0;font-weight:700;color:var(--text-primary);font-size:13px}.status-desc{margin:0;font-size:12px;color:var(--text-secondary)}.news-list{display:flex;flex-direction:column;gap:.75rem}.news-item{display:flex;flex-direction:column;gap:4px;padding:.75rem;background:var(--bg-tertiary);border-radius:6px;border-left:3px solid var(--border-color);font-size:12px;cursor:pointer;transition:var(--transition)}.news-item:hover{background:#f0f9ff;border-left-color:var(--accent-blue)}.news-time{font-weight:700;color:var(--text-secondary);font-size:11px}.news-title{color:var(--text-primary);font-weight:600}.news-impact{color:var(--text-tertiary);font-size:11px;font-weight:600}.news-impact.up{color:var(--success-green)}.account-table{display:flex;flex-direction:column;gap:.5rem}.account-row{display:flex;justify-content:space-between;padding:.75rem;background:var(--bg-tertiary);border-radius:5px;font-size:12px}.account-label{color:var(--text-secondary);font-weight:600}.account-value{color:var(--text-primary);font-weight:700}@media (max-width: 1600px){.dashboard-wrapper{grid-template-columns:260px 1fr 280px;gap:1rem;padding:1rem}}@media (max-width: 1200px){.dashboard-wrapper{grid-template-columns:1fr}.sidebar-left,.sidebar-right{display:none}}:root{--color-primary: #00d9ff;--color-success: #27ae60;--color-danger: #e74c3c;--color-bg: #0a0e1a}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-bg);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}