body{margin:0}.stock-chart-container{background:#1f1f1f;border:1px solid #434343;border-radius:8px;display:flex;flex-direction:column;height:100%;padding:16px}.stock-info{margin-bottom:12px}.stock-info h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.price-info{display:flex;gap:16px;margin-bottom:4px}.current-price{color:#fff}.change,.current-price{font-weight:500}.change.positive{color:#ff4d4f}.change.negative{color:#52c41a}.volume-info{color:#a6a6a6;font-size:14px}.chart-wrapper{flex:1 1;min-height:300px}.algorithm-panel{background:#1f1f1f;border:1px solid #434343;border-radius:8px;height:100%;overflow-y:auto;padding:16px}.strategy-selector{margin-bottom:8px}.strategy-description{display:block;font-size:12px;line-height:1.4;margin-bottom:16px}.params-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.param-item{display:flex;flex-direction:column}.param-item label{color:#fff;font-size:14px;font-weight:500;margin-bottom:4px}.button-group{display:flex;gap:12px;justify-content:center}.button-group .ant-btn{flex:1 1;font-size:16px;height:40px}.trading-signal-container{background:#1f1f1f;border:1px solid #434343;border-radius:8px;height:100%;overflow-y:auto;padding:16px}.loading-placeholder,.no-signal{align-items:center;display:flex;height:100px;justify-content:center}.signal-alert{margin-bottom:16px}.signal-header{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px}.action-icon{font-size:18px}.signal-metrics{margin-bottom:16px}.metric-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.metric-label{color:#a6a6a6;font-size:14px}.metric-value{color:#fff;font-size:14px;font-weight:500}.metric-value.positive{color:#ff4d4f}.metric-value.negative{color:#52c41a}.small-divider{margin:12px 0}.recommendations{margin-bottom:16px}.recommendation-item{color:#fff;font-size:14px;margin-bottom:4px}.risk-warnings{margin-bottom:8px}.risk-item{color:#a6a6a6;font-size:12px;margin-bottom:4px}.dashboard{background:#141414;display:flex;flex-direction:column;height:100vh}.dashboard-header{align-items:center;background:#1f1f1f;border-bottom:1px solid #434343;box-shadow:0 2px 4px #0000004d;display:flex;justify-content:space-between;padding:16px 24px}.header-title{color:#1890ff;margin:0!important}.header-controls{gap:12px}.header-controls,.refresh-button{align-items:center;display:flex}.dashboard-main{flex:1 1;overflow:hidden;padding:16px}.grid-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%}.grid-item{background:#1f1f1f;border:1px solid #434343;border-radius:8px;box-shadow:0 2px 8px #0000004d;display:flex;flex-direction:column;min-height:0;overflow:hidden}.grid-header{background:#262626;border-bottom:1px solid #434343;color:#fff;font-size:16px;font-weight:600;padding:12px 16px}.top-left{grid-column:1;grid-row:1}.top-right{grid-column:2;grid-row:1}.bottom-left{grid-column:1;grid-row:2}.bottom-right{grid-column:2;grid-row:2}.no-data{align-items:center;color:#a6a6a6;display:flex;flex:1 1;font-size:14px;justify-content:center}.new-grid-container{display:flex;flex-direction:column;gap:24px;height:100%}.algorithm-section,.trading-section{background:#1f1f1f;border:1px solid #434343;border-radius:8px;box-shadow:0 2px 8px #0000004d;overflow:hidden}.algorithm-section{flex:0 0 auto;min-height:400px}.trading-section{flex:1 1;min-height:500px;overflow:hidden}.section-header{background:#262626;border-bottom:1px solid #434343;padding:16px 24px}.section-header .ant-typography{color:#fff;margin:0 0 4px!important}.section-description{color:#a6a6a6;font-size:14px;margin:0}.section-content{height:calc(100% - 80px);overflow:auto;padding:20px 24px}.header-subtitle{color:#a6a6a6;font-size:14px;margin-top:4px}@media (max-width:1200px){.grid-container{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.top-left{grid-column:1;grid-row:1}.top-right{grid-column:1;grid-row:2}.bottom-left{grid-column:1;grid-row:3}.bottom-right{grid-column:1;grid-row:4}.grid-item{min-height:400px}.new-grid-container{gap:16px}.section-content{padding:16px 20px}}.App{background-color:#141414;height:100vh;width:100vw}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#141414;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}