body{
	background: #111516;
	color: white;
	padding: 0 20px;
}

.header{
	height: 80px;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
	/*box-shadow: 0 3px 5px rgba(0,0,0,0.5);*/
}

.header_burger{
	height: 24px;
	width: 24px;
	position: absolute;
}

.header_name{
	line-height: 24px;
	flex: 1;
	text-align: center;
	font-family: MontserratSemiBold;
}

.page_wrapper{
	height: calc(100vh - 160px);
	overflow: hidden auto;
}

.page{

}

.main_state_wrap{
	background: #2d3035;
	border-radius: 20px;
	padding: 24px;
}

.low_text{
	font-size: 12px;
}

.main_state{
	font-family: 'MontserratSemiBold';
	font-size: 18px;
	line-height: 24px;
}

.main_section{

}

.main_section_name{
	font-size: 14px;
	font-family: 'MontserratSemiBold';
	line-height: 60px;
}

.main_metrics_grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.main_metrics_grid_elem{
	height: 185px;
	border: 1px solid #2d3035;
	border-radius: 20px;
	padding: 30px;
}

.main_metrics_grid_elem[double]{
	grid-column: span 2;
}

.main_metrics_value{
	font-size: 18px;
	font-family: 'MontserratSemiBold';
	line-height: 40px;
}

.main_metrics_value_percent{
	font-size: 13px;
}

.main_metrics_value_percent[green]{
	color: #00e075;
}

.main_metrics_value_percent[red]{
	color: #ea5652;
}

.main_problem_list{
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.main_problem_row{
	display: flex;
	align-items: center;
	gap: 20px;
}

.main_problem_icon{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #2d3035;
	width: 40px;
	height: 40px;
	border-radius: 10px;
}

.main_problem{
	line-height: 20px;
}

.main_problem_value{
	font-size: 12px;
	color: #b1b1b1;
}

.main_stats_chart_wrap{
	margin: 20px 0 15px;
}

.main_stats_chart{

}

.footer_menu{
	display: flex;
	height: 80px;
	align-items: center;
	justify-content: space-around;
	position: relative;
	z-index: 1;
	/*box-shadow: 0 3px 5px rgba(0,0,0,0.5);*/
}

.footer_menu_button{
	height: 24px;
	width: 24px;
}

.side_menu{
	background: #111516;
	position: fixed;
	z-index: 10;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	transition: transform 0.3s;
	transform: translateX(-100%);
}

.side_menu[show="1"]{
	transform: translateX(0%);
}

.side_menu_row{
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 0 20px;
	height: 50px;
	border-radius: 25px;
}

.side_menu_row[active="1"]{
	background: #2d3035;
}

.side_menu_icon{
	width: 24px;
	height: 24px;
}

.side_menu_name{
	font-family: 'MontserratSemiBold';
}