/* Loading styles for CSP compliance - previously inline in index.html */
html, body { 
  margin: 0; 
  padding: 0; 
}

.mobile-header-fix { 
  margin-top: 0; 
  padding-top: 0; 
}

.loading-container {
  display: flex; 
  align-items: center; 
  justify-content: center; 
  height: 100vh; 
  font-family: system-ui, sans-serif;
}

.loading-content {
  text-align: center;
}

.loading-text {
  font-size: 18px; 
  color: #666; 
  margin-bottom: 10px;
}

.loading-spinner {
  width: 40px; 
  height: 40px; 
  border: 3px solid #f0f0f0; 
  border-top: 3px solid #007bff; 
  border-radius: 50%; 
  animation: spin 1s linear infinite; 
  margin: 0 auto;
}

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