.dashboard-kpi-section{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(420px,.95fr);
  gap:16px;
  margin:16px 0;
}
.dashboard-kpi-group{
  min-width:0;
  padding:14px;
  border:1px solid #202630;
  border-radius:18px;
  background:linear-gradient(180deg,#0f1319,#0c0f14);
}
.dashboard-kpi-group-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:0 2px 10px;
}
.dashboard-kpi-group-head span{
  color:#dbe2ec;
  font-size:11px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dashboard-kpi-group-head small{
  color:#657184;
  font-size:10px;
}
.dashboard-kpi-grid{
  display:grid;
  gap:10px;
}
.dashboard-kpi-grid.money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-kpi-grid.price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dashboard-kpi-section .kpi{
  min-height:132px;
  padding:15px 16px 14px;
  border-radius:14px;
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  align-content:start;
  background:linear-gradient(180deg,#11151b,#0d1116);
}
.dashboard-kpi-section .kpi>span{
  min-height:30px;
  color:#8994a5;
  font-size:10.5px;
  line-height:1.3;
  font-weight:600;
  letter-spacing:.005em;
}
.dashboard-kpi-section .kpi>strong{
  margin:7px 0 5px;
  color:#f4f6f9;
  font-size:25px;
  line-height:1;
  font-weight:780;
  letter-spacing:-.035em;
}
.dashboard-kpi-section .kpi>small{
  display:block;
  color:#6f7b8d;
  font-size:10px;
  line-height:1.25;
}
.dashboard-kpi-section .kpi .avg-trend{
  margin-top:6px;
  min-height:14px;
  font-size:10px;
  font-weight:700;
}
.dashboard-kpi-section .payout-kpi{
  border-color:#24483a;
  background:linear-gradient(180deg,#111b17,#0d1512);
}
.dashboard-kpi-section .payout-kpi>strong{color:#e0f8eb}
.dashboard-kpi-section .yookassa-kpi{
  border-color:#1e4844;
  background:linear-gradient(180deg,#101b1a,#0d1514);
}
.dashboard-kpi-section .yookassa-kpi>strong{color:#d7fff9}
.dashboard-kpi-section .avg-price-kpi{
  min-height:132px;
  grid-template-rows:auto auto 1fr;
}
.dashboard-kpi-section .avg-price-kpi>span{
  min-height:18px;
  font-size:11px;
}
.dashboard-kpi-section .avg-price-kpi>strong{
  margin-top:14px;
  font-size:25px;
}
.dashboard-kpi-section .avg-price-kpi>small{
  align-self:end;
  margin-top:8px;
  font-weight:700;
}
@media(max-width:1320px){
  .dashboard-kpi-section{grid-template-columns:1fr}
  .dashboard-kpi-grid.money-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1100px){
  .dashboard-kpi-grid.money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .dashboard-kpi-section{gap:12px}
  .dashboard-kpi-group{padding:11px}
  .dashboard-kpi-group-head{align-items:flex-start;flex-direction:column;gap:2px}
  .dashboard-kpi-grid.money-grid,
  .dashboard-kpi-grid.price-grid{grid-template-columns:1fr}
  .dashboard-kpi-section .kpi{min-height:118px}
}