/* Sales Dashboard - Custom Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  --primary: #0D47A1;
  --primary-dark: #0A3670;
  --accent: #00BCD4;
  --accent-light: #80DEEA;
  --green: #4CAF50;
  --green-light: #81C784;
  --dark: #1A1A2E;
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-600: #475569;
  --gray-800: #1e293b;
}

* { font-family: 'Inter', sans-serif; }
html { scroll-behavior: smooth; }

.mobile-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.mobile-menu.open {
  max-height: 500px;
}

.nav-link {
  position: relative;
}
.nav-link::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--accent);
  transition: width 0.3s ease;
}
.nav-link:hover::after,
.nav-link.active::after {
  width: 100%;
}