body { font-family: var(--brand-font), sans-serif; }
.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f5f9; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
.animate-fade-in { animation: fadeIn 0.2s ease-in-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 768px) {
  .sidebar-nav { position: fixed; top: 0; left: -280px; width: 280px; height: 100vh; transition: left 0.25s ease; z-index: 40; }
  .sidebar-nav.sidebar-open { left: 0; box-shadow: 4px 0 30px rgba(0,0,0,0.3); }
  .mobile-header { display: flex !important; }
}

body {
  padding-top: env(safe-area-inset-top);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
}

#toast-container {
  padding-top: env(safe-area-inset-top);
}