html, body {
  height: 100%;
}

html {
  direction: rtl;
}

body {
  margin: 0;
  background: #f7f7fb;
  color: #111827;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: rgba(145, 52, 219, 0.28);
  border-radius: 999px;
}

.nav-link {
    transition: all .2s ease;
}

.nav-link:hover {
    background: rgba(13, 110, 253, 0.08);
    transform: translateX(-2px);
}