@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
  font-family: 'Inter', sans-serif;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
}

html.dark body {
  background-color: #111827;
  color: #e5e7eb;
}

html.dark header.bg-white,
html.dark .rounded-lg.border.bg-white {
  background-color: #1f2937;
  border-color: #374151;
}

html.dark .text-gray-800 {
  color: #f3f4f6;
}

html.dark .text-gray-700 {
  color: #d1d5db;
}

html.dark .text-gray-600 {
  color: #9ca3af;
}

html.dark .border {
  border-color: #374151;
}

html.dark .bg-gray-50 {
  background-color: #111827;
}

html.dark input,
html.dark select,
html.dark textarea {
  background-color: #111827;
  border-color: #374151;
  color: #f3f4f6;
}

html.dark label {
  color: #d1d5db;
}

html.dark button.rounded.border {
  background-color: #374151;
  border-color: #4b5563;
  color: #e5e7eb;
}

html.dark button.rounded.bg-gray-900 {
  background-color: #111827;
  border-color: #374151;
}

html.dark button.rounded.bg-gray-900.text-white {
  background-color: #374151;
  color: #e5e7eb;
}

html.dark h1,
html.dark h2,
html.dark h3 {
  color: #f9fafb;
}

html.dark .text-red-600 {
  color: #f87171;
}

html.dark .space-y-2 > li {
  color: #d1d5db;
}

/* Small screens */
@media (max-width: 360px) {
  header .mx-auto {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  header h1 {
    font-size: 0.95rem;
  }

  .rounded-lg {
    padding: 0.75rem;
  }

  .space-y-2,
  .space-y-3 {
    gap: 0.5rem;
  }
}

/* Print styles */
@media print {
  .no-print {
    display: none !important;
  }

  body {
    background: white;
    color: black;
  }
}