.settings_wrapper {
 background-color: #f5ebe2;
  color: #1f2937;
  max-width: 900px;
  margin: 40px auto;
  padding: 40px;
  border-radius: 12px;
  font-family: 'Segoe UI', sans-serif;
}

.main_content_area {
background-color: #f5ebe2;
  max-width: 1350px;
  width: 100%;
  margin: auto;
  min-height: 100vh;
}

.settings_title {
  font-size: 28px;
  margin-bottom: 20px;
  color: #1f2937;
}

.settings_tabs {
  display: flex;
  gap: 16px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.settings_tab {
  background: none;
  border: none;
  color: #6b7280;
  padding: 6px 12px;
  font-size: 15px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

.settings_tab.active {
  color: #1f2937;
  border-color: #1d4ed8;
}

.settings_form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.settings_subtitle {
  font-family: Montserrat;
  font-size: 20px;
  margin-bottom: 6px;
  color: #1f2937;
}

.settings_desc {
  font-family: Montserrat;
  color: #4b5563;
  margin-bottom: 10px;
  font-size: 14px;
}

.settings_row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.settings_field {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.settings_field label {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 6px;
  color: #1f2937;
}

.settings_field input,
.settings_field textarea {
  padding: 10px 12px;
  font-size: 14px;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  background-color: white;
  color: #1f2937;
  outline: none;
  transition: border-color 0.2s ease;
}

.settings_field input:focus,
.settings_field textarea:focus {
  border-color: #1d4ed8;
}

.settings_field textarea {
  height: 100px;
  resize: none;
}

.settings_avatar_wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.settings_avatar_img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #1f2937;
}

.settings_avatar_buttons {
  display: flex;
  gap: 10px;
}

.settings_avatar_buttons button {
  background-color: rgb(31, 41, 55);
  color: white;
  border: none;
  border-radius: 30px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.settings_avatar_buttons button:hover {
  background-color: rgb(51, 65, 85);
}

.settings_avatar_buttons button.remove {
  background-color: #e11d48;
}

.settings_avatar_buttons button.remove:hover {
  background-color: #be123c;
}

.settings_avatar_hint {
  font-family: Montserrat;
  display: block;
  color: #6b7280;
  font-size: 12px;
  margin-top: 6px;
}

.settings_username_wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}

.settings_username_wrapper .prefix {
  background-color: #d1d5db;
  padding: 8px 10px;
  border-radius: 6px;
  color: #374151;
  font-size: 14px;
}

.settings_lang_tags span {
  background: #d1d5db;
  padding: 6px 10px;
  border-radius: 6px;
  margin-right: 6px;
  font-size: 14px;
  color: #1f2937;
}

.settings_save {
  margin-top: 20px;
  background-color: rgb(31, 41, 55);
  border: none;
  color: white;
  padding: 10px 18px;
  font-size: 14px;
  border-radius: 30px;
  cursor: pointer;
  align-self: flex-start;
  font-weight: 600;
  transition: background-color 0.2s ease;
}

.settings_save:hover {
  background-color: rgb(51, 65, 85);
}

.settings_delete {
  background-color: #b91c1c;
  color: white;
  padding: 10px 18px;
  font-size: 14px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  font-weight: 600;
  transition: background-color 0.2s ease;
  align-self: flex-start;
}

.settings_delete:hover {
  background-color: #991b1b;
}

.settings_section {
  display: none;
}

.settings_section.active {
  display: block;
}