@media (width<=768px){.app-header{flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important}.app-header nav{order:2;width:100%;margin-left:0!important}.app-header .app-btn-group{margin-left:auto!important}.app-main{padding:12px!important}.monitor-header{flex-wrap:wrap!important;gap:8px!important}.monitor-header .monitor-date-info{order:3;margin-bottom:4px;text-align:left!important;flex:0 0 100%!important}.backtest-header{flex-wrap:wrap!important;gap:8px!important}.backtest-header-left{flex-wrap:wrap!important}.stats-card-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.stats-card-grid .stats-card{padding:12px!important}.stats-card-grid .stats-card-value{font-size:16px!important}.table-container{-webkit-overflow-scrolling:touch;padding:8px!important}.table-container table{font-size:11px!important}.table-container th,.table-container td{padding:6px 8px!important}.equity-chart-container{padding:8px!important}.equity-chart-container .equity-chart-inner{height:280px!important}.position-card{padding:12px!important;font-size:13px!important}}@media (width<=480px){.stats-card-grid{grid-template-columns:1fr 1fr!important}.stats-card-grid .stats-card-value{font-size:14px!important}.app-header nav{gap:8px!important}.app-header nav a{padding:4px 8px!important;font-size:13px!important}.monitor-header h2,.backtest-header h2{font-size:17px!important}.monitor-header button,.backtest-header button{padding:6px 14px!important;font-size:13px!important}.empty-state{padding:40px 16px!important}}
