*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1419;color:#e7e9ea;min-height:100vh}.app{max-width:1600px;margin:0 auto;padding:1.5rem}.chart-main-panel{margin-bottom:1rem}.grid-sidebar-only{grid-template-columns:360px}@media (max-width: 900px){.grid-sidebar-only{grid-template-columns:1fr}}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #38444d}header h1{font-size:1.5rem;color:#1d9bf0}.status-badge{padding:.25rem .75rem;border-radius:999px;font-size:.85rem;background:#192734}.status-badge.ok{color:#00ba7c}.status-badge.warn{color:#ffad1f}.grid{display:grid;grid-template-columns:1fr 360px;gap:1rem}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.panel{background:#192734;border-radius:12px;padding:1rem;border:1px solid #38444d}.panel h2{font-size:1rem;margin-bottom:.75rem;color:#8899a6}.chart-container{height:420px}.controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}select,button,input{background:#0f1419;color:#e7e9ea;border:1px solid #38444d;border-radius:8px;padding:.5rem .75rem;font-size:.9rem}button{cursor:pointer;background:#1d9bf0;border-color:#1d9bf0;color:#fff}button:hover{opacity:.9}button.danger{background:#f4212e;border-color:#f4212e}button.secondary{background:#38444d;border-color:#38444d}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.metric{background:#0f1419;padding:.75rem;border-radius:8px}.metric label{display:block;font-size:.75rem;color:#8899a6}.metric span{font-size:1.1rem;font-weight:600}.positive{color:#00ba7c}.negative{color:#f4212e}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{padding:.5rem;text-align:left;border-bottom:1px solid #38444d}th{color:#8899a6}.log{font-size:.8rem;color:#8899a6;margin-top:.5rem;max-height:120px;overflow-y:auto}.inline-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:#8899a6}.replay-wrap{display:flex;flex-direction:column;gap:.5rem}.replay-mtf-grid,.mtf-chart-panels{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;min-height:720px}.mtf-chart-grid{display:flex;flex-direction:column;gap:.5rem}.mtf-chart-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.mtf-chart-nav-buttons{display:flex;flex-wrap:wrap;gap:.35rem}.mtf-chart-period{font-size:.8rem;color:#8899a6}.replay-mtf-left,.mtf-chart-left{display:flex;flex-direction:column;gap:.5rem;min-width:0}.replay-mtf-right,.mtf-chart-right{min-width:0}@media (max-width: 900px){.replay-mtf-grid,.mtf-chart-panels{grid-template-columns:1fr}}.tf-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.tf-panel-header .tf-panel-label{margin-bottom:0}.tf-status-hint{font-size:.75rem;color:#1d9bf0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-panel-compact{border-top:none;padding-top:0}.tf-panel-compact .tf-panel-header{margin-bottom:.15rem}.replay-info{display:flex;flex-wrap:wrap;gap:.5rem}.replay-info .metric{min-width:120px}.replay-main{height:320px}.replay-macd{height:120px}.replay-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.replay-slider{flex:1;min-width:160px}.replay-meta{font-size:.8rem;color:#8899a6}.replay-period{font-size:.85rem;color:#8899a6;font-weight:400}.inline-label input[type=datetime-local]{color-scheme:dark}.metric.setup-active{border:1px solid #00ba7c;box-shadow:0 0 8px #00ba7c44}.metric.replay-now{border:1px solid #ffff00;box-shadow:0 0 8px #ff04}.metric.replay-now span{color:#ff0;font-size:.85rem}.mtf-chart-grid-replay{min-height:720px}.mtf-chart-grid-replay .mtf-chart-panels{min-height:780px}.paper-chart-panel{overflow:hidden}.paper-chart-wrap{display:flex;flex-direction:column;gap:1rem}.paper-summary{display:flex;flex-wrap:wrap;gap:.5rem}.paper-summary .metric{min-width:120px}.tf-panel{border-top:1px solid #38444d;padding-top:.75rem}.tf-panel-label{font-size:.9rem;color:#8899a6;margin-bottom:.5rem}.tf-panel-empty{padding-bottom:.5rem}.tf-main,.tf-macd{width:100%}.paper-trades-table{border-top:1px solid #38444d;padding-top:.75rem}.trade-history-wrap{border-top:1px solid #38444d;padding-top:.75rem;margin-top:.75rem}.trade-history-scroll{overflow-x:auto}.trade-history-table{width:100%;border-collapse:collapse;font-size:.8rem}.trade-history-table th,.trade-history-table td{padding:.35rem .5rem;border-bottom:1px solid #38444d;text-align:left;white-space:nowrap}.trade-history-table th{color:#8899a6;font-weight:600}.trade-row-clickable{cursor:pointer}.trade-row-clickable:hover{background:#22303c}.trade-row-active{background:#1d3a52;box-shadow:inset 3px 0 #ff0}.paper-trades-table table{margin-top:.5rem}