html,body{margin:0;min-width:320px;min-height:100%;font-family:Arial,Helvetica,sans-serif}body{background:#f8f9fa}#root{min-height:100vh}*{box-sizing:border-box}.trading-app{min-height:100vh;color:#212529}.app-navbar{background:#212529;border-bottom:1px solid #495057;color:#fff}.app-navbar-inner{min-height:58px;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-name{font-size:1.1rem;font-weight:600}.mock-badge{display:inline-block;padding:.3rem .55rem;border-radius:.25rem;background:#ffc107;color:#212529;font-size:.7rem;font-weight:700}.dashboard{width:100%;padding:1.25rem;margin:0 auto}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.metric-card,.panel{background:#fff;border:1px solid #dee2e6;border-radius:.45rem;box-shadow:0 1px 2px #00000009}.metric-card{min-height:94px;padding:1rem}.metric-label{margin-bottom:.3rem;color:#6c757d;font-size:.82rem}.metric-value{font-size:1.25rem;font-weight:600;overflow-wrap:anywhere}.panel{overflow:hidden}.panel-header{padding:1rem 1.1rem;border-bottom:1px solid #dee2e6}.chart-panel-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.panel h2,.chart-panel-header h2{margin:0;font-size:1rem;font-weight:600}.chart-panel-header p,.trade-overlays-panel p{margin:.25rem 0 0;color:#6c757d;font-size:.82rem}.timeframe-controls{display:flex;flex-wrap:wrap;gap:.35rem}.timeframe-controls button{min-width:42px;padding:.38rem .65rem;border:1px solid #ced4da;border-radius:.25rem;background:#fff;color:#495057;font:inherit;font-size:.8rem;cursor:pointer}.timeframe-controls button:hover:not(:disabled){background:#f1f3f5}.timeframe-controls button.active{border-color:#0d6efd;background:#0d6efd;color:#fff}.timeframe-controls button:disabled{cursor:default;opacity:.8}.chart-panel-body{padding:.75rem}.chart-container{width:100%;min-height:500px}.chart-status,.indicator-status{margin-top:.55rem;color:#6c757d;font-size:.8rem}.error-message{color:#dc3545!important}.bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.indicator-panel,.trade-overlays-panel{padding:1rem}.panel-heading-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.count-badge{padding:.25rem .5rem;border-radius:999px;background:#f1f3f5;color:#495057;font-size:.75rem;white-space:nowrap}.indicator-form{display:grid;grid-template-columns:minmax(0,1fr) 110px 70px;align-items:end;gap:.55rem}.form-field{display:flex;min-width:0;flex-direction:column;gap:.3rem}.form-field label{color:#495057;font-size:.78rem}.form-field select,.form-field input{width:100%;min-height:34px;padding:.35rem .5rem;border:1px solid #ced4da;border-radius:.25rem;background:#fff;color:#212529;font:inherit;font-size:.85rem}.add-button{min-height:34px;padding:.35rem .75rem;border:1px solid #0d6efd;border-radius:.25rem;background:#0d6efd;color:#fff;font:inherit;font-size:.85rem;cursor:pointer}.add-button:hover{background:#0b5ed7}.indicator-status{min-height:1.1rem;margin-bottom:.5rem}.active-indicator-list{border-top:1px solid #e9ecef}.empty-indicators{padding:.8rem 0;color:#6c757d;font-size:.82rem}.active-indicator-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 0;border-bottom:1px solid #e9ecef}.indicator-name{min-width:0;font-size:.85rem;overflow-wrap:anywhere}.remove-button{flex:0 0 auto;padding:.25rem .55rem;border:1px solid #dc3545;border-radius:.25rem;background:#fff;color:#dc3545;font:inherit;font-size:.75rem;cursor:pointer}.remove-button:hover{background:#dc3545;color:#fff}.trade-overlays-panel p{margin-top:.65rem}@media(max-width:768px){.dashboard{padding:.85rem}.bottom-grid{grid-template-columns:1fr}.chart-panel-header{align-items:flex-start}}@media(max-width:576px){.app-navbar-inner{padding:.7rem .9rem}.dashboard{padding:.6rem}.metrics-grid{grid-template-columns:1fr 1fr;gap:.55rem}.metric-card:first-child{grid-column:1 / -1}.metric-card{min-height:82px;padding:.75rem}.metric-value{font-size:1.05rem}.chart-panel-body{padding:.35rem}.chart-container{min-height:400px}.indicator-form{grid-template-columns:minmax(0,1fr) 90px 58px;gap:.4rem}.timeframe-controls button{min-width:38px;padding:.35rem .48rem}}