.layout-container[data-v-14267178]{background-color:var(--background-primary);box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:calc(100vh - 64px);padding:20px;position:relative;width:100%}.top-controls[data-v-14267178]{align-items:center;background-color:var(--background-secondary);border-radius:12px;display:flex;gap:20px;padding:0 16px}.select-container[data-v-14267178]{display:flex;gap:12px;width:55%}.right-top-controls[data-v-14267178]{align-items:center;display:flex;justify-content:space-around;width:45%}.item-select[data-v-14267178],.mode-select[data-v-14267178]{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:14px;outline:none;padding:8px;transition:all .2s ease}.item-select option[data-v-14267178],.mode-select option[data-v-14267178]{background-color:#fff;color:#000!important}.item-select[data-v-14267178]:hover,.mode-select[data-v-14267178]:hover{border-color:var(--primary-color)}.item-select[data-v-14267178]:focus,.mode-select[data-v-14267178]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.mode-select[data-v-14267178]{flex-shrink:0;width:200px}.item-select[data-v-14267178]{flex:1;height:auto;min-width:0;white-space:normal}.radio-container[data-v-14267178]{display:flex;gap:20px;justify-content:center}.scale-indicator[data-v-14267178]{color:var(--text-color);font-size:16px!important;font-weight:500;margin:0;text-align:right}.referencia[data-v-14267178]{color:green}.charts-layout[data-v-14267178]{display:flex;flex:1;gap:20px;height:100%}.chart-section[data-v-14267178]{display:flex;flex:1;flex-direction:column}.chart-title[data-v-14267178]{color:var(--text-color);font-size:16px;font-weight:600;margin:0;padding:0 8px;text-align:center}.charts-container[data-v-14267178]{background-color:var(--background-secondary);border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0 16px;width:55%}.chart-content[data-v-14267178]{min-height:90%}.side-panel[data-v-14267178]{display:flex;flex-direction:column;height:100%;width:45%}.title-table[data-v-14267178]{text-align:center}.variations-table[data-v-14267178]{align-items:flex-start;display:flex;height:40%;justify-content:flex-start;overflow:hidden;overflow-x:auto}.bar-chart[data-v-14267178]{border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:0 16px}.bar-chart[data-v-14267178],.variations-grid[data-v-14267178]{background-color:var(--background-primary)}.variations-grid[data-v-14267178]{border-collapse:separate;border-spacing:0;width:90%}.variations-grid td[data-v-14267178],.variations-grid th[data-v-14267178]{border:1px solid rgba(var(--border-color-rgb),.2);font-family:monospace;font-size:14px;padding:12px;text-align:right;white-space:nowrap}.variations-grid td[data-v-14267178]:first-child,.variations-grid th[data-v-14267178]:first-child{text-align:left}.variations-grid th[data-v-14267178]{background-color:var(--background-secondary);font-weight:600;position:sticky;top:0;z-index:1}.variations-grid .positive[data-v-14267178]{color:#00b300}.variations-grid .negative[data-v-14267178]{color:red}.variations-grid .neutral[data-v-14267178]{color:gray}.controls-container[data-v-14267178]{align-items:center;background-color:var(--background-primary);border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:0 16px}.main-chart[data-v-14267178]{min-height:60%!important}.main-chart[data-v-14267178],.total-chart[data-v-14267178]{background-color:var(--background-primary);border-radius:6px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:0 16px;position:relative;width:100%}.total-chart[data-v-14267178]{height:35%!important}.component-loading[data-v-14267178]{align-items:center;background-color:var(--background-primary);border-radius:12px;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.loading-content[data-v-14267178]{align-items:center;display:flex;flex-direction:column;gap:16px}.loading-spinner[data-v-14267178]{animation:spin-14267178 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.loading-content span[data-v-14267178]{color:var(--text-color);font-size:14px;font-weight:500}@keyframes spin-14267178{to{transform:rotate(1turn)}}@media screen and (max-width:1200px){.charts-layout[data-v-14267178]{flex-direction:column;gap:20px}.charts-container[data-v-14267178],.side-panel[data-v-14267178]{min-height:600px;padding:0;width:100%}.charts-container[data-v-14267178]{height:600px}.side-panel[data-v-14267178]{height:500px}.bar-chart[data-v-14267178]{height:55%}.top-controls[data-v-14267178]{flex-direction:column;gap:16px;padding:16px}.select-container[data-v-14267178]{flex-direction:row;width:100%}.right-top-controls[data-v-14267178]{justify-content:space-between;width:100%}.scale-indicator[data-v-14267178]{min-width:180px}.variations-table[data-v-14267178]{overflow-x:auto}.variations-grid td[data-v-14267178],.variations-grid th[data-v-14267178]{min-width:120px;padding:8px;text-align:right}}@media screen and (max-width:768px){.top-controls[data-v-14267178]{padding:12px}.select-container[data-v-14267178]{flex-direction:column}.mode-select[data-v-14267178]{width:100%}.right-top-controls[data-v-14267178]{align-items:stretch;flex-direction:column;gap:12px}.radio-container[data-v-14267178]{justify-content:space-around;width:100%}.scale-indicator[data-v-14267178]{min-width:unset}.referencia[data-v-14267178],.scale-indicator[data-v-14267178]{text-align:center}.bar-chart[data-v-14267178]{height:50%;padding:0}.charts-container[data-v-14267178]{height:500px}.main-chart[data-v-14267178]{min-height:55%!important}.total-chart[data-v-14267178]{height:40%!important}}@media screen and (max-width:480px){.layout-container[data-v-14267178]{gap:10px;padding:10px}.radio-container[data-v-14267178]{gap:10px}.radio-label[data-v-14267178]{font-size:12px;padding:4px 8px}.chart-title[data-v-14267178]{font-size:14px;margin-top:10px}.variations-grid td[data-v-14267178],.variations-grid th[data-v-14267178]{font-size:12px;padding:6px}}