/* css/styles.css */

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --hgw-green: #28a745;
  --hgw-green-dark: #1e7e34;
  --hgw-yellow: #ffc107;
  --hgw-blue-dark: #1e3a8a;
  --hgw-gray: #f1f5f9;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  @apply bg-gray-50 text-gray-800 min-h-screen;
}

.sidebar-link {
  @apply flex items-center px-4 py-3 rounded-lg hover:bg-green-700/30 transition;
}

.active {
  @apply bg-green-800/40 text-white font-medium;
}

.card {
  @apply bg-white rounded-xl shadow-lg p-6 border border-green-100 hover:shadow-xl transition;
}

.table-header {
  @apply px-6 py-4 text-left text-xs font-medium text-gray-500 uppercase tracking-wider bg-gray-50;
}

.table-cell {
  @apply px-6 py-4 whitespace-nowrap text-sm;
}