.menu-icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.dashboard-sidebar .vf-icon {
  width: 21px;
  height: 21px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.dashboard-sidebar .dashboard-nav a > span:first-child {
  display: inline-grid;
  place-items: center;
  flex: 0 0 31px;
  width: 31px;
  height: 31px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #5c7a6b;
  background: transparent;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}
.dashboard-sidebar .dashboard-nav a:hover > span:first-child {
  color: #176b45;
  background: rgba(23,107,69,.06);
  border-color: rgba(23,107,69,.1);
}
.dashboard-sidebar .dashboard-nav a.is-active > span:first-child {
  color: #146b47;
  background: rgba(23,107,69,.09);
  border-color: rgba(23,107,69,.13);
}
html[data-theme="dark"] .dashboard-sidebar .dashboard-nav a > span:first-child { color: #9bbdad; }
html[data-theme="dark"] .dashboard-sidebar .dashboard-nav a:hover > span:first-child,
html[data-theme="dark"] .dashboard-sidebar .dashboard-nav a.is-active > span:first-child {
  color: #bbefd3;
  background: rgba(153,222,186,.1);
  border-color: rgba(153,222,186,.15);
}
.dashboard-sidebar .dashboard-user .vf-icon { width: 18px; height: 18px; }
@media (max-width: 760px) {
  .dashboard-sidebar .dashboard-nav { min-width: 0; max-width: 100%; }
  .dashboard-sidebar .dashboard-nav a { min-height: 42px; gap: 7px; }
  .dashboard-sidebar .dashboard-nav a > span:first-child { flex-basis: 27px; width: 27px; height: 27px; border-radius: 8px; }
  .dashboard-sidebar .dashboard-nav .vf-icon { width: 19px; height: 19px; }
  html[data-theme="dark"] .dashboard-sidebar .dashboard-nav a:not(.is-active) { background: rgba(18,36,26,.82); border-color: rgba(153,222,186,.18); }
}
@media (prefers-reduced-motion: reduce) {
  .dashboard-sidebar .dashboard-nav a > span:first-child { transition: none; }
}