html { font-size: 16px; -webkit-text-size-adjust: 100%; }
body {
  font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  color: #f8fafc;
  background-color: #020617;
  font-size: 0.9375rem;
  line-height: 1.65;
}
.font-mono, .font-bold, .font-black, .font-extrabold {
  font-family: 'Vazirmatn', 'IRANSansX', 'Shabnam', sans-serif;
  font-variant-numeric: tabular-nums;
}
::-webkit-scrollbar { width: 6px; height: 6px; }
.dark ::-webkit-scrollbar-track { background: #090d16; }
.dark ::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 9999px; }
.dark ::-webkit-scrollbar-thumb:hover { background: #334155; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.theme-fade-transition { animation: didban-theme-fade 280ms ease both; }
@keyframes didban-theme-fade { from { opacity: .7; filter: saturate(.8); } to { opacity: 1; filter: saturate(1); } }
#admin-topbar { background: linear-gradient(105deg, #020617 0%, #172554 55%, #0f172a 100%); }
#adminmenu { background: linear-gradient(180deg, #020617 0%, #0f172a 52%, #111827 100%); }
#adminmenu button { margin: 2px 6px; width: calc(100% - 12px); border-radius: 12px; }
#root {
  min-height: 100vh;
  background:
    radial-gradient(circle at 8% 8%, rgba(59,130,246,.10), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(124,58,237,.10), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(6,182,212,.07), transparent 34%);
}
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid rgba(34,211,238,.75); outline-offset: 2px;
}
img { max-width: 100%; }
@media (max-width: 640px) {
  #app-side-navigation { left: 50% !important; right: auto !important; top: auto !important; bottom: 8px !important; transform: translateX(-50%) !important; width: calc(100vw - 16px); max-width: 720px; }
  #app-side-navigation > div { flex-direction: row !important; overflow-x: auto; max-width: 100%; padding: 6px; gap: 6px; }
  #app-side-navigation > div > .group > div.absolute { display: none; }
  #main-app-content { padding-bottom: 92px; }
  #exchange-advertisement-section { overflow: hidden; }
  #ads-cards-grid article { min-width: 0; }
}