/* Critical CSS for above-the-fold content */
body { 
  margin: 0; 
  font-family: Inter, system-ui, -apple-system, sans-serif; 
}

#root { 
  min-height: 100vh; 
}

.loading { 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  min-height: 100vh; 
}

.spinner { 
  width: 40px; 
  height: 40px; 
  border: 4px solid #f3f3f3; 
  border-top: 4px solid #3B82F6; 
  border-radius: 50%; 
  animation: spin 1s linear infinite; 
}

@keyframes spin { 
  0% { transform: rotate(0deg); } 
  100% { transform: rotate(360deg); } 
}