.stat-card {
  background: rgb(15 23 42);
  border: 1px solid rgb(30 41 59);
  border-radius: 0.75rem;
  padding: 1rem;
}
.stat-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgb(148 163 184);
}
.stat-value {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 0.25rem;
}
.panel {
  background: rgb(15 23 42);
  border: 1px solid rgb(30 41 59);
  border-radius: 0.75rem;
  padding: 1.5rem;
}
.panel-title {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.field {
  width: 100%;
  background: rgb(2 6 23);
  border: 1px solid rgb(51 65 85);
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.field:focus {
  outline: none;
  border-color: rgb(16 185 129);
}
.btn-primary {
  background: rgb(5 150 105);
  color: white;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
}
.btn-primary:hover { background: rgb(16 185 129); }
.btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }
.badge {
  display: inline-block;
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid;
}
.badge-up, .badge-resolved, .badge-auto_resolved {
  color: rgb(52 211 153);
  border-color: rgb(6 78 59);
  background: rgb(2 44 34);
}
.badge-down, .badge-open {
  color: rgb(248 113 113);
  border-color: rgb(127 29 29);
  background: rgb(69 10 10);
}
.badge-recovering {
  color: rgb(251 191 36);
  border-color: rgb(120 53 15);
  background: rgb(69 26 3);
}
.badge-unknown {
  color: rgb(148 163 184);
  border-color: rgb(51 65 85);
  background: rgb(2 6 23);
}