body {
  background-color: #f8f9fa;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

h1,
h2 {
  color: #0d6efd;
}

.card {
  border-radius: 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#network {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 15px;
}

textarea {
  resize: vertical;
}

/* Ensure node labels are properly visible and styled */
.vis-network .vis-node {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  border-radius: 50%;
  border: 2px solid #0d6efd; /* Blue border for nodes */
  background-color: #0d6efd; /* Blue background for nodes */
}

.vis-network .vis-label {
  color: white; /* White label text */
  font-size: 18px; /* Font size for node labels */
  font-weight: bold; /* Bold font */
  text-align: center; /* Horizontal centering */
  vertical-align: middle; /* Vertical centering */
  line-height: 1; /* Adjust line height for better vertical centering */
  position: absolute; /* Positioning inside the node */
  width: 100%; /* Ensure full width */
  height: 100%; /* Ensure full height */
  top: 0; /* Ensure label starts from the top */
  left: 0; /* Ensure label starts from the left */
}