.admin-side {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 90;
  width: 168px;
  padding: 14px 0;
  background: #202227;
  border-right: 1px solid #262c39;
  overflow-y: auto;
  box-shadow: 8px 0 30px #0005;
}
.admin-brand {
  display: block;
  padding: 11px 13px 17px;
  border-bottom: 1px solid #272d3a;
  color: #fff;
  text-decoration: none;
  font-weight: 900;
}
.admin-brand:before {
  content: '▲';
  margin-right: 8px;
  color: #9757ff;
}
.admin-brand small {
  display: block;
  margin: 5px 0 0 23px;
  color: #7e8c99;
  font-size: 9px;
}
.admin-menu {
  display: grid;
  gap: 2px;
  margin-top: 13px;
}
.admin-menu:before {
  content: 'ГЛАВНОЕ МЕНЮ';
  padding: 7px 13px;
  color: #707785;
  font-size: 9px;
  font-weight: 900;
}
.admin-menu a {
  padding: 11px 13px;
  border-left: 3px solid transparent;
  color: #b8c0cc;
  text-decoration: none;
  font-size: 11px;
  font-weight: 800;
}
.admin-menu a:before {
  display: inline-block;
  width: 23px;
  color: #28d7ef;
}
.admin-menu a:nth-child(2):before {
  content: '⌂';
}
.admin-menu a:nth-child(3):before {
  content: '◉';
  color: #ffd400;
}
.admin-menu a:nth-child(4):before {
  content: '▦';
}
.admin-menu a:nth-child(5):before {
  content: '✈';
  color: #ff4b69;
}
.admin-menu a:nth-child(6):before {
  content: '⌖';
}
.admin-menu a:nth-child(7):before {
  content: '◎';
}
.admin-menu a:nth-child(8):before {
  content: '□';
}
.admin-menu a:nth-child(9):before {
  content: '✉';
}
.admin-menu a:nth-child(10):before {
  content: '⚙';
}
.admin-menu a:hover,
.admin-menu a.active {
  border-left-color: #a86cff;
  background: #202227;
  color: #c4a8ff;
}
body {
  padding-left: 168px;
}
@media (max-width: 980px) {
  body {
    padding-left: 0;
  }
  .admin-side {
    display: none;
  }
}