.main-24h-container{display:flex;flex-direction:row;width:100%;height:100%;box-sizing:border-box}.indicators-24h{display:flex;gap:20px;justify-content:flex-start;margin-top:30px}.indicator-24h{display:flex;align-items:flex-start;width:auto;min-width:400px;justify-content:left;padding:0 0 0 40px;min-height:120px;position:relative}.header-24h{display:flex;align-items:center;margin-bottom:1.5rem;justify-content:space-between}.selectors-24h{display:flex;gap:20px;align-items:center}@media (max-width: 768px){.main-24h-container{flex-direction:column;padding:0 2px}.indicators-24h{flex-direction:column;gap:16px;margin-top:20px;order:1;width:100%}.indicator-24h{min-width:unset;width:100%;padding:24px 28px;min-height:110px;margin-bottom:0;box-shadow:0 4px 16px #00000014;border-radius:16px;background:#fff;display:flex!important;align-items:center!important;justify-content:flex-start!important;order:1;position:relative;box-sizing:border-box;border:1px solid rgba(0,0,0,.04);height:auto}.indicator-24h:nth-child(1){order:1}.indicator-24h:nth-child(2){order:2}.indicator-24h>div:first-child{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%;gap:20px;min-height:70px;position:relative}.indicator-24h .indicator-icon{width:48px!important;height:48px!important;margin:0!important;padding:0!important;flex-shrink:0;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;border-radius:50%;border:2px solid #f0f0f0;background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%)}.indicator-24h svg{width:28px!important;height:28px!important;margin:0!important;padding:0!important;display:block!important}.indicator-24h>div:first-child>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;min-width:0;padding:0!important;margin:0!important;width:calc(100% - 88px);position:relative;left:88px!important}.indicator-24h:nth-child(1)>div:first-child>div:last-child,.indicator-24h:nth-child(2)>div:first-child>div:last-child{left:88px!important;position:relative;width:calc(100% - 88px);margin-left:0!important;padding-left:0!important}.indicator-24h>div:first-child{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:0!important;min-height:70px;position:relative}.indicator-24h .indicator-icon{width:48px!important;height:48px!important;margin:0!important;padding:0!important;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:50%;transform:translateY(-50%)}.indicator-24h>div:first-child>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;left:88px!important;top:50%;transform:translateY(-50%);width:calc(100% - 88px);margin:0!important;padding:0!important}.indicator-24h .indicator-label{font-size:15px!important;font-weight:600;color:#333;margin:0 0 8px!important;padding:0!important;line-height:1.3;width:100%;text-align:left;letter-spacing:.2px}.indicator-24h .indicator-value{font-size:22px!important;min-height:32px;font-weight:700;color:#ff6b35;line-height:1.2;margin:0 0 6px!important;padding:0!important;width:100%;text-align:left;letter-spacing:.5px}.indicator-24h .indicator-last{font-size:12px!important;color:#777;line-height:1.4;width:100%;text-align:left;margin:0!important;padding:0!important;letter-spacing:.1px}.indicator-24h>div[style*="position: absolute"]{display:none!important}.main-24h-container>div{padding:0!important}h1,h2{font-size:17px!important;margin-bottom:8px!important}.uplot{min-width:0!important;width:100%!important;padding:0!important;order:2}.uplot,.uplot canvas{max-width:100vw!important;box-sizing:border-box!important}.uplot{margin:0 auto!important}.uplot-title,.uplot-legend{font-size:12px!important}.header-24h{flex-direction:column;align-items:flex-start;gap:10px;order:0}.selectors-24h{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.selectors-24h select{min-width:0!important;width:100%;max-width:100vw;font-size:14px}.main-24h-container .uplot,.main-24h-container [ref=chartRef],.main-24h-container>div>div[style*="height: 600px"]{min-height:320px!important;height:320px!important;max-height:60vh}.main-24h-container .chart-box-24h,.main-24h-container>div>div[style*="background-color: #f9f9f9"]{min-height:600px!important;padding-bottom:48px!important;box-sizing:border-box}.chart-box-24h{min-height:320px!important;padding-bottom:40px!important;box-sizing:border-box;overflow:visible!important;position:relative}.chart-24h-plot,.chart-box-24h .uplot{height:120px!important;min-height:120px!important;max-height:140px!important}}@media (max-width: 480px){.indicators-24h{gap:14px;margin-top:16px}.indicator-24h{padding:20px 24px;min-height:100px}.indicator-24h .indicator-icon{width:44px!important;height:44px!important}.indicator-24h svg{width:24px!important;height:24px!important}.indicator-24h .indicator-value{font-size:20px!important}.indicator-24h .indicator-label{font-size:14px!important}.indicator-24h .indicator-last{font-size:11px!important}}.historicos-container{width:100%;padding:1rem}.historicos-title{display:flex;align-items:center;margin-bottom:.5rem}.historicos-title-bar{width:4px;height:25px;background-color:#ff5722;margin-right:12px}.historicos-title h1{font-weight:700;color:#333}.historicos-content{display:flex;flex-direction:row;width:100%;height:100%;box-sizing:border-box}.historicos-main{flex:2;padding:1rem;box-sizing:border-box}.historicos-header{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:20px;gap:0}.historicos-header h2{font-weight:700}.historicos-controls{display:flex;margin-left:40px;width:100%;max-width:900px;gap:0}.historicos-chart-container{border:1px solid #eee;border-radius:8px;padding:20px;background-color:#f9f9f9;min-height:500px}.historicos-indicators{margin-top:30px;display:flex;justify-content:flex-start;gap:20px}.indicator-card{display:flex;align-items:flex-start;width:auto;min-width:400px;justify-content:left;padding:0 0 0 40px;min-height:120px}@media (max-width: 1536px){.historicos-title h1,.historicos-header h2{font-size:22px}.historicos-section-title{font-size:1rem}.zoom-btn-modern,.modern-daterange,.minimal-date-input{font-size:12px!important;padding:4px 10px!important}.historicos-controls>div>div{font-size:12px!important}.historicos-chart-container{font-size:10px}.indicator-card div[style*="font-size: 36px"]{font-size:28px!important}.indicator-card div[style*="font-size: 16px"]{font-size:18px!important}.indicator-card div[style*="font-size: 12px"]{font-size:13px!important}}@media (max-width: 1280px){.historicos-title h1,.historicos-header h2{font-size:16px}.historicos-section-title{font-size:.85rem}.zoom-btn-modern,.modern-daterange,.minimal-date-input{font-size:10px!important;padding:3px 8px!important}.historicos-controls>div>div{font-size:10px!important}.historicos-chart-container{font-size:9px}.indicator-card div[style*="font-size: 36px"]{font-size:22px!important}.indicator-card div[style*="font-size: 16px"]{font-size:15px!important}.indicator-card div[style*="font-size: 12px"]{font-size:11px!important}}@media (max-width: 1024px){.historicos-title h1,.historicos-header h2{font-size:28px}.historicos-controls{margin-left:20px;flex-wrap:wrap}.indicator-card{min-width:350px}}@media (max-width: 768px){.historicos-title h1,.historicos-header h2{font-size:24px}.historicos-header{flex-direction:column}.historicos-controls{margin-left:0;margin-top:20px;flex-direction:column;gap:20px}.historicos-controls>div{border-right:none!important;border-bottom:2px solid #e0e0e0!important;padding-bottom:20px!important;padding-right:0!important;padding-left:0!important}.historicos-controls>div:last-child{border-bottom:none!important;padding-bottom:0!important}.indicator-card{min-width:100%;padding:0 0 0 20px}.historicos-indicators{flex-direction:column}.historicos-chart-container{min-height:600px}}@media (max-width: 640px){.historicos-title h1,.historicos-header h2{font-size:20px}.historicos-controls{flex-direction:column}.indicator-card{padding:0}}@media (max-width: 768px){.historicos-title{flex-direction:column!important;align-items:flex-start!important;gap:15px!important}.historicos-variable-selectors{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}.variable-selector-group{display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important}.variable-selector-group>label{margin-bottom:5px!important}.variable-selector-group>select{width:100%!important;min-width:unset!important}.historicos-download-container{justify-content:center!important;margin-top:20px!important;margin-bottom:20px!important;padding:0 20px!important}.historicos-download-container>button{width:100%!important;max-width:300px!important;padding:12px 20px!important;font-size:14px!important}}@media (max-width: 480px){.historicos-container,.historicos-main{padding:.5rem}.historicos-title h1,.historicos-header h2{font-size:18px}.historicos-controls-title{font-size:14px!important}.zoom-btn-modern,.modern-daterange,.minimal-date-input{font-size:12px!important;padding:8px 12px!important}.historicos-chart-container{min-height:600px}.indicator-card{min-width:100%;padding:0;flex-direction:column;align-items:center;text-align:center}.indicator-card>div:first-child{margin-right:0!important;margin-bottom:15px}.indicator-card div[style*="font-size: 36px"]{font-size:24px!important}.indicator-card div[style*="font-size: 16px"]{font-size:14px!important}.indicator-card div[style*="font-size: 12px"]{font-size:10px!important}.historicos-download-container{justify-content:center!important;margin-top:15px!important;margin-bottom:15px!important;padding:0 15px!important}.historicos-download-container>button{width:100%!important;max-width:250px!important;padding:10px 16px!important;font-size:13px!important}}.zoom-btn-modern{border:1.5px solid #222;border-radius:7px;background:#fff;color:#222;font-weight:600;font-size:14px;padding:5px 15px;margin-bottom:2px;cursor:pointer;transition:background .15s,color .15s,border .15s;outline:none}.zoom-btn-modern:hover,.zoom-btn-modern:focus{background:#222;color:#222;border-color:#222}.modern-daterange,.minimal-date-input{width:100%;border-radius:7px;border:1.5px solid #222;font-size:15px;font-weight:600;padding:7px 18px;color:#222;background:#fff;margin-top:2px;text-align:left;display:flex;align-items:center;gap:8px}.modern-daterange:focus,.minimal-date-input:focus{outline:2px solid #222}.react-calendar{border-radius:10px;box-shadow:0 2px 16px #0000001a;border:1.5px solid #222;margin-top:4px}.historicos-section-title{font-size:2rem;font-weight:700;line-height:1.1;margin:0}@media (max-width: 1536px){.historicos-section-title{font-size:1.7rem}}@media (max-width: 1280px){.historicos-section-title{font-size:1.3rem}}@media (max-width: 1024px){.historicos-section-title{font-size:1.1rem}}@media (max-width: 768px){.historicos-section-title{font-size:1rem}}.historicos-controls-title{font-size:18px;font-weight:700;color:#222}@media (max-width: 1536px){.historicos-controls-title{font-size:13px}}@media (max-width: 1280px){.historicos-controls-title{font-size:10px}}