:root {
  --accent: #106b6e;
  --accent-soft: #1a8a8e;
}
body {
  background: #0a0f10;
  color: #e6eef0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
header, .navbar, nav {
  background: linear-gradient(135deg, #106b6e 0%, #0c4f52 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.4);
}
header a, header h1, header h2, nav a {
  color: #ffffff !important;
}
a { color: var(--accent-soft); }
a:hover { color: #2bb0b4; }
.endpoint-status-healthy, .status-up, .bg-success {
  background: var(--accent) !important;
  color: #ffffff !important;
}
button, .btn, .button {
  border-radius: 6px;
  background: var(--accent);
  color: #fff;
  border: 0;
}
button:hover, .btn:hover {
  background: var(--accent-soft);
}
.endpoint, .endpoint-group, .card {
  background: #121a1c !important;
  border: 1px solid #1e2a2c !important;
  border-radius: 8px;
}