body {
  font-family: -apple-system, "Segoe UI", sans-serif;
  background: #16233A;
  color: #EDE7DA;
  margin: 0;
  padding: 32px 20px;
}
.wrap { max-width: 480px; margin: 0 auto; }
h1 { font-size: 32px; margin-bottom: 20px; }
.db-status {
  padding: 12px 14px;
  border-radius: 4px;
  font-size: 14px;
  margin-bottom: 20px;
}
.db-status.ok { background: rgba(60,91,67,0.25); border: 1px solid #3C5B43; }
.db-status.error { background: rgba(156,74,46,0.15); border: 1px solid #9C4A2E; }
.db-status.error code {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: #D9B77C;
  word-break: break-word;
}
.stats { display: flex; gap: 0; border-top: 1px solid rgba(237,231,218,0.14); margin-top: 8px; }
.stat { flex: 1; padding: 16px 0 0; border-right: 1px solid rgba(237,231,218,0.14); }
.stat:last-child { border-right: none; }
.stat .num { font-size: 20px; font-weight: 600; color: #D9B77C; }
.stat .lbl { font-size: 11px; color: #98A3B8; margin-top: 4px; }
.note { font-size: 12px; color: #98A3B8; margin-top: 20px; }