
.controls-bar[data-v-6396f41a] {
  background: #ffffff;
  border-bottom: 1px solid #e4e7ff;
  padding: 10px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.control-group[data-v-6396f41a] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px;
}
.control-label[data-v-6396f41a] {
  font-size: 11px;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
}
.filter-select[data-v-6396f41a] { max-width: 160px;
}
.control-group--cs[data-v-6396f41a] { min-width: 120px; max-width: 180px;
}
.control-group--cs[data-v-6396f41a]  > div {
  margin-bottom: 0 !important;
  padding-left: 0;
  padding-right: 0;
}
.controls-sep[data-v-6396f41a] { width: 1px; height: 24px; background: #e4e7ff;
}
.regional-content[data-v-6396f41a] { padding: 20px;
}
.regional-tabs[data-v-6396f41a] {
  margin-bottom: 16px;
  border-bottom: 1px solid #e4e7ff;
}
[data-v-6396f41a] .v-tabs-items { background: transparent !important;
}
[data-v-6396f41a] .v-tab {
  font-size: 13px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.02em;
}
.region-header[data-v-6396f41a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.region-title[data-v-6396f41a] {
  font-size: 20px;
  font-weight: 700;
  color: #0f1d8a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.region-title[data-v-6396f41a]::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 22px;
  background: #1a2fbe;
  border-radius: 2px;
}
.period-badge[data-v-6396f41a] {
  font-size: 11px;
  background: #1a2fbe;
  color: white;
  padding: 4px 12px;
  border-radius: 20px;
  font-weight: 600;
  letter-spacing: 0.04em;
}
.indicators-grid[data-v-6396f41a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.indicators-grid-2[data-v-6396f41a] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
.indicators-grid[data-v-6396f41a] { grid-template-columns: 1fr 1fr;
}
.indicators-grid-2[data-v-6396f41a] { grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.indicators-grid[data-v-6396f41a] { grid-template-columns: 1fr;
}
.indicators-grid-2[data-v-6396f41a] { grid-template-columns: 1fr;
}
}


/*# sourceMappingURL=116.e4334a62.css.map*/