/* Utilities Page Layout */
.utils-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px; 
  font-family: sans-serif;
}

.utils-nav { 
  display: flex; 
  gap: 10px; 
  margin-bottom: 30px; 
  justify-content: center;
}

.util-btn {
  padding: 12px 20px;
  border: 2px solid #27ae60;
  background: white;
  color: #27ae60;
  cursor: pointer;
  border-radius: 5px;
  font-weight: bold;
  flex: 1;
  transition: all 0.3s;
}

.util-btn.active {
  background: #27ae60;
  color: white;
}

/* Hide utilities by default */
.util-content { 
  display: none; 
  padding: 20px; 
  border: 1px solid #ddd; 
  border-radius: 10px;
  background: #f9f9f9;
}

.util-content.active { display: block; }

/* Simple styling for inputs */
input, select { padding: 10px; margin: 5px 0; border-radius: 4px; border: 1px solid #ccc; width: 100%; box-sizing: border-box; }