:root { font-family: Arial, sans-serif; color: #16181d; background: #f4f5f8; }
body { margin: 0; }
.login { min-height: 100vh; display: grid; place-items: center; }
.card, .lead, .meta, .empty, .search { background: #fff; border-radius: 16px; padding: 20px; }
.card { width: min(380px, calc(100% - 32px)); display: grid; gap: 10px; }
.top { display: flex; justify-content: space-between; gap: 16px; padding: 24px; align-items: flex-start; }
.top-actions { display: flex; gap: 8px; align-items: center; }
h1 { margin: 0 0 6px; font-size: 28px; }
p { color: #5c6370; }
.tabs { display: flex; gap: 8px; flex-wrap: wrap; padding: 0 24px 16px; }
.tabs a { padding: 8px 12px; border-radius: 999px; background: #fff; color: inherit; text-decoration: none; }
.tabs a.on { background: #01017d; color: #fff; }
.search, .meta, .lead, .empty { margin: 0 24px 16px; }
.search { display: flex; gap: 8px; }
.search input { flex: 1; }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th, td { text-align: left; padding: 8px 6px; border-bottom: 1px solid #eceef3; vertical-align: top; }
code { font-size: 12px; }
.lead header { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; }
.tag { background: #eef0ff; color: #01017d; border-radius: 999px; padding: 2px 8px; font-size: 12px; }
.lead ul { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.lead li span { display: block; color: #6a7080; font-size: 12px; }
.lead footer { margin-top: 12px; color: #6a7080; font-size: 12px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.utm, .page { font-size: 12px; color: #6a7080; overflow-wrap: anywhere; }
.st { border-radius: 999px; padding: 2px 8px; }
.st-ok { background: #e8f8ee; color: #0d7a3e; }
.st-muted { background: #f1f2f5; color: #6a7080; }
.st-bad { background: #fdecec; color: #b42318; }
.error { color: #b42318; }
label { font-size: 14px; }
input, button { font: inherit; }
input { padding: 10px 12px; border-radius: 10px; border: 1px solid #d7dbe7; }
button { background: #01017d; color: #fff; border: 0; border-radius: 10px; padding: 10px 14px; cursor: pointer; }
button.ghost, a.ghost { background: transparent; color: #01017d; text-decoration: none; border: 0; padding: 10px 14px; display: inline-block; }
button.tiny { padding: 6px 10px; font-size: 12px; }
.empty { padding: 24px; }
summary { cursor: pointer; font-weight: 700; }
@media (max-width: 800px) {
  .top, .tabs, .meta, .lead, .empty, .search { margin-left: 12px; margin-right: 12px; }
}