/* sk-elements:start (generated from elements.css via build_tokens.py; edit the source, not this block) */
:where(html) {
  --sk-bg: #0B0F14;
  --sk-panel: #11161D;
  --sk-card: #161D26;
  --sk-line: #212A35;
  --sk-line-strong: #2C3744;
  --sk-text: #E8EDF2;
  --sk-muted: #8B98A8;
  --sk-accent: #2FE3B0;
  --sk-accent-strong: #5CEBC2;
  --sk-accent-soft: #143B33;
  --sk-accent-ink: #0B0F14;
  --sk-warn: #F5B743;
  --sk-warn-soft: #2A1D10;
  --sk-danger: #FF6B6B;
  --sk-danger-soft: #3A1F20;
  --sk-ok-soft: #143B33;
  --sk-token-bg: #070A0E;
  --sk-r-s: 4px;
  --sk-r: 6px;
  --sk-r-l: 8px;
  --sk-pill: 999px;
  --sk-sans: "IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --sk-mono: "IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}

.sk-portal { margin: 0; background: var(--sk-bg); color: var(--sk-text); font-family: var(--sk-sans); font-size: 15.5px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
.sk-portal * { box-sizing: border-box; }
.sk-portal h1 { font-size: 24px; font-weight: 600; letter-spacing: -0.01em; margin: 0 0 6px; }
.sk-portal h2 { font-size: 16.5px; font-weight: 600; margin: 34px 0 10px; }
.sk-portal :where(a) { color: var(--sk-accent); text-decoration: underline; text-underline-offset: 3px; }
.sk-portal code { font-family: var(--sk-mono); font-size: 13px; }
.sk-portal ::selection { background: var(--sk-accent-soft); }

.sk-header { border-bottom: 1px solid var(--sk-line); background: var(--sk-bg); }
.sk-header .inner {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px 16px;
  flex-wrap: wrap;
  min-height: 64px;
  padding: 8px 22px;
}
.sk-wordmark { display: inline-flex; align-items: center; gap: 11px; color: var(--sk-text); text-decoration: none; }
.sk-wordmark svg { width: 26px; height: 26px; flex: none; }
.sk-wordmark .word { font-family: var(--sk-mono); font-weight: 500; font-size: 15px; letter-spacing: 0.34em; padding-left: 0.34em; }
.sk-nav { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.sk-nav .links { display: flex; gap: 18px; flex-wrap: wrap; }
.sk-nav a { color: var(--sk-muted); text-decoration: none; font-size: 14px; }
.sk-nav a:hover { color: var(--sk-text); }
.sk-nav a.on { color: var(--sk-accent); }
.sk-main { max-width: 960px; margin: 0 auto; padding: 36px 22px 64px; }
.sk-footer { max-width: 960px; margin: 0 auto; padding: 0 22px 40px; color: var(--sk-muted); font-size: 13px; }
.sk-footer p { margin: 0; }

.sk-lede { color: var(--sk-muted); font-size: 15px; margin: 0 0 22px; }
.sk-muted { color: var(--sk-muted); }
.sk-inline { display: inline; }

.sk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 16px;
  border: 1px solid transparent;
  border-radius: var(--sk-r-l);
  font-family: var(--sk-sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--sk-text);
  background: none;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color 0.15s, background-color 0.15s, color 0.15s;
}
.sk-btn.primary { background: var(--sk-accent); border-color: var(--sk-accent); color: var(--sk-accent-ink); }
.sk-btn.primary:hover { background: var(--sk-accent-strong); border-color: var(--sk-accent-strong); }
.sk-btn.secondary { background: var(--sk-panel); border-color: var(--sk-line-strong); }
.sk-btn.secondary:hover { border-color: var(--sk-muted); }
.sk-btn.danger { color: var(--sk-danger); border-color: color-mix(in srgb, var(--sk-danger) 45%, transparent); }
.sk-btn.danger:hover { background: var(--sk-danger-soft); border-color: var(--sk-danger); }
.sk-btn.link { padding: 0; border: 0; border-radius: var(--sk-r-s); font-weight: 500; font-size: 14px; color: var(--sk-muted); }
.sk-btn.link:hover { color: var(--sk-accent); }
.sk-btn:focus-visible { outline: 2px solid var(--sk-accent); outline-offset: 2px; }
.sk-btn[disabled] { opacity: 0.55; cursor: not-allowed; }

.sk-copy {
  font-family: var(--sk-mono);
  font-size: 12.5px;
  line-height: 1;
  color: var(--sk-muted);
  background: var(--sk-card);
  border: 1px solid var(--sk-line);
  border-radius: var(--sk-r-l);
  padding: 7px 12px;
  cursor: pointer;
}
.sk-copy:hover { color: var(--sk-text); border-color: var(--sk-muted); }
.sk-copy:focus-visible { outline: 2px solid var(--sk-accent); outline-offset: 2px; }

.sk-form label { display: block; font-size: 13px; color: var(--sk-muted); margin: 14px 0 6px; }
.sk-form input[type="text"],
.sk-form input[type="email"],
.sk-form input[type="number"],
.sk-form select,
.sk-input {
  width: 100%;
  max-width: 26rem;
  padding: 10px 12px;
  background: var(--sk-panel);
  border: 1px solid var(--sk-line-strong);
  border-radius: var(--sk-r-l);
  color: var(--sk-text);
  font-family: var(--sk-sans);
  font-size: 15px;
}
.sk-form select { width: auto; min-width: 12rem; }
.sk-form input:focus-visible, .sk-form select:focus-visible, .sk-input:focus-visible {
  outline: 2px solid var(--sk-accent);
  outline-offset: 1px;
}
.sk-form input::placeholder { color: var(--sk-muted); }
.sk-form [aria-invalid="true"], .sk-input[aria-invalid="true"] { border-color: var(--sk-danger); }
.sk-error { color: var(--sk-danger); font-size: 13px; margin: 6px 0 0; }
.sk-hint { color: var(--sk-muted); font-size: 13px; margin: 6px 0 0; }

.sk-form .cf-turnstile { margin: 16px 0 4px; max-width: 100%; overflow-x: auto; }

.sk-consent { display: flex; gap: 10px; align-items: flex-start; margin: 14px 0; }
.sk-consent input[type="checkbox"] { margin: 3px 0 0; flex: 0 0 auto; accent-color: var(--sk-accent); }
.sk-consent label { margin: 0; font-size: 13.5px; color: var(--sk-muted); line-height: 1.55; }

.sk-filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; margin: 16px 0; }
.sk-filters label { margin: 0 0 6px; }

.sk-card {
  background: var(--sk-card);
  border: 1px solid var(--sk-line);
  border-radius: var(--sk-r-l);
  padding: 20px 22px;
  margin: 16px 0;
}
.sk-card > h2:first-child, .sk-card > h3:first-child { margin-top: 0; }
.sk-card.danger { border-color: color-mix(in srgb, var(--sk-danger) 50%, transparent); }

.sk-notice {
  padding: 11px 14px;
  border: 1px solid var(--sk-line-strong);
  border-radius: var(--sk-r-l);
  background: var(--sk-panel);
  color: var(--sk-text);
  font-size: 14.5px;
  line-height: 1.55;
  margin: 16px 0;
}
.sk-notice.ok { background: var(--sk-accent-soft); border-color: var(--sk-accent); }
.sk-notice.warn { background: var(--sk-warn-soft); border-color: var(--sk-warn); }
.sk-notice.error { background: var(--sk-danger-soft); border-color: var(--sk-danger); }

.sk-badge {
  display: inline-block;
  padding: 2px 10px;
  border: 1px solid var(--sk-line-strong);
  border-radius: var(--sk-pill);
  font-family: var(--sk-mono);
  font-size: 11.5px;
  letter-spacing: 0.02em;
  color: var(--sk-muted);
  white-space: nowrap;
}
.sk-badge.active { color: var(--sk-accent); border-color: color-mix(in srgb, var(--sk-accent) 45%, transparent); }
.sk-badge.grace, .sk-badge.warn { color: var(--sk-warn); border-color: color-mix(in srgb, var(--sk-warn) 45%, transparent); }
.sk-badge.expired, .sk-badge.revoked, .sk-badge.danger { color: var(--sk-danger); border-color: color-mix(in srgb, var(--sk-danger) 45%, transparent); }

.sk-table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 16px 0; }
.sk-table th {
  text-align: left;
  padding: 8px 12px;
  border-bottom: 1px solid var(--sk-line-strong);
  color: var(--sk-muted);
  font-weight: 500;
  font-size: 11.5px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.sk-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--sk-line); vertical-align: top; overflow-wrap: break-word; }
.sk-table tbody tr:hover { background: var(--sk-panel); }
.sk-table code { font-size: 13px; }
.sk-table-scroll { overflow-x: auto; margin: 16px 0; }
.sk-table-scroll .sk-table { margin: 0; min-width: 640px; }

.sk-log { list-style: none; margin: 16px 0; padding: 0; border-top: 1px solid var(--sk-line); }
.sk-log li { padding: 12px 2px; border-bottom: 1px solid var(--sk-line); }
.sk-log .head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.sk-log .action {
  font-family: var(--sk-mono);
  font-size: 12.5px;
  color: var(--sk-text);
  background: var(--sk-panel);
  border: 1px solid var(--sk-line-strong);
  border-radius: var(--sk-r-s);
  padding: 1px 7px;
  white-space: nowrap;
}
.sk-log .actor { font-size: 14px; min-width: 0; overflow-wrap: anywhere; }
.sk-log .subject { font-size: 14px; color: var(--sk-muted); min-width: 0; overflow-wrap: anywhere; }
.sk-log .subject code { color: var(--sk-text); }
.sk-log .when { margin-left: auto; font-family: var(--sk-mono); font-size: 12px; color: var(--sk-muted); white-space: nowrap; }
.sk-log .details { margin-top: 5px; }
.sk-log .details summary { font-family: var(--sk-mono); font-size: 12px; color: var(--sk-muted); cursor: pointer; width: fit-content; }
.sk-log .details summary:hover { color: var(--sk-accent); }
.sk-log .details pre {
  font-family: var(--sk-mono);
  font-size: 12px;
  line-height: 1.6;
  color: var(--sk-text);
  background: var(--sk-token-bg);
  border: 1px solid var(--sk-line-strong);
  border-radius: var(--sk-r-l);
  padding: 10px 12px;
  margin: 8px 0 2px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.sk-token {
  display: block;
  width: 100%;
  font-family: var(--sk-mono);
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--sk-text);
  background: var(--sk-token-bg);
  border: 1px solid var(--sk-line-strong);
  border-radius: var(--sk-r-l);
  padding: 12px 14px;
  margin: 12px 0;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
textarea.sk-token { resize: vertical; }

.sk-dl { display: grid; grid-template-columns: 11rem 1fr; gap: 0.45rem 1.25rem; margin: 16px 0; }
.sk-dl dt { color: var(--sk-muted); font-size: 14px; }
.sk-dl dd { margin: 0; font-size: 14.5px; }
@media (max-width: 560px) {
  .sk-dl { grid-template-columns: 1fr; gap: 0.15rem; }
  .sk-dl dd { margin-bottom: 8px; }
}

.sk-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 14px; }

.sk-gauge { margin: 12px 0 0; }
.sk-gauge .bar {
  display: flex;
  height: 8px;
  border-radius: var(--sk-pill);
  overflow: hidden;
  background: var(--sk-panel);
  border: 1px solid var(--sk-line-strong);
}
.sk-gauge .used { background: var(--sk-accent); }
.sk-gauge .reserved { background: var(--sk-warn); }
.sk-gauge .legend { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 8px; font-size: 13px; color: var(--sk-muted); }
.sk-gauge .legend .key { display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 6px; }
.sk-gauge .legend .key.used { background: var(--sk-accent); }
.sk-gauge .legend .key.reserved { background: var(--sk-warn); }
.sk-gauge .legend .key.free { background: var(--sk-panel); border: 1px solid var(--sk-line-strong); }
.sk-gauge .sk-w0 { width: 0%; }
.sk-gauge .sk-w1 { width: 1%; }
.sk-gauge .sk-w2 { width: 2%; }
.sk-gauge .sk-w3 { width: 3%; }
.sk-gauge .sk-w4 { width: 4%; }
.sk-gauge .sk-w5 { width: 5%; }
.sk-gauge .sk-w6 { width: 6%; }
.sk-gauge .sk-w7 { width: 7%; }
.sk-gauge .sk-w8 { width: 8%; }
.sk-gauge .sk-w9 { width: 9%; }
.sk-gauge .sk-w10 { width: 10%; }
.sk-gauge .sk-w11 { width: 11%; }
.sk-gauge .sk-w12 { width: 12%; }
.sk-gauge .sk-w13 { width: 13%; }
.sk-gauge .sk-w14 { width: 14%; }
.sk-gauge .sk-w15 { width: 15%; }
.sk-gauge .sk-w16 { width: 16%; }
.sk-gauge .sk-w17 { width: 17%; }
.sk-gauge .sk-w18 { width: 18%; }
.sk-gauge .sk-w19 { width: 19%; }
.sk-gauge .sk-w20 { width: 20%; }
.sk-gauge .sk-w21 { width: 21%; }
.sk-gauge .sk-w22 { width: 22%; }
.sk-gauge .sk-w23 { width: 23%; }
.sk-gauge .sk-w24 { width: 24%; }
.sk-gauge .sk-w25 { width: 25%; }
.sk-gauge .sk-w26 { width: 26%; }
.sk-gauge .sk-w27 { width: 27%; }
.sk-gauge .sk-w28 { width: 28%; }
.sk-gauge .sk-w29 { width: 29%; }
.sk-gauge .sk-w30 { width: 30%; }
.sk-gauge .sk-w31 { width: 31%; }
.sk-gauge .sk-w32 { width: 32%; }
.sk-gauge .sk-w33 { width: 33%; }
.sk-gauge .sk-w34 { width: 34%; }
.sk-gauge .sk-w35 { width: 35%; }
.sk-gauge .sk-w36 { width: 36%; }
.sk-gauge .sk-w37 { width: 37%; }
.sk-gauge .sk-w38 { width: 38%; }
.sk-gauge .sk-w39 { width: 39%; }
.sk-gauge .sk-w40 { width: 40%; }
.sk-gauge .sk-w41 { width: 41%; }
.sk-gauge .sk-w42 { width: 42%; }
.sk-gauge .sk-w43 { width: 43%; }
.sk-gauge .sk-w44 { width: 44%; }
.sk-gauge .sk-w45 { width: 45%; }
.sk-gauge .sk-w46 { width: 46%; }
.sk-gauge .sk-w47 { width: 47%; }
.sk-gauge .sk-w48 { width: 48%; }
.sk-gauge .sk-w49 { width: 49%; }
.sk-gauge .sk-w50 { width: 50%; }
.sk-gauge .sk-w51 { width: 51%; }
.sk-gauge .sk-w52 { width: 52%; }
.sk-gauge .sk-w53 { width: 53%; }
.sk-gauge .sk-w54 { width: 54%; }
.sk-gauge .sk-w55 { width: 55%; }
.sk-gauge .sk-w56 { width: 56%; }
.sk-gauge .sk-w57 { width: 57%; }
.sk-gauge .sk-w58 { width: 58%; }
.sk-gauge .sk-w59 { width: 59%; }
.sk-gauge .sk-w60 { width: 60%; }
.sk-gauge .sk-w61 { width: 61%; }
.sk-gauge .sk-w62 { width: 62%; }
.sk-gauge .sk-w63 { width: 63%; }
.sk-gauge .sk-w64 { width: 64%; }
.sk-gauge .sk-w65 { width: 65%; }
.sk-gauge .sk-w66 { width: 66%; }
.sk-gauge .sk-w67 { width: 67%; }
.sk-gauge .sk-w68 { width: 68%; }
.sk-gauge .sk-w69 { width: 69%; }
.sk-gauge .sk-w70 { width: 70%; }
.sk-gauge .sk-w71 { width: 71%; }
.sk-gauge .sk-w72 { width: 72%; }
.sk-gauge .sk-w73 { width: 73%; }
.sk-gauge .sk-w74 { width: 74%; }
.sk-gauge .sk-w75 { width: 75%; }
.sk-gauge .sk-w76 { width: 76%; }
.sk-gauge .sk-w77 { width: 77%; }
.sk-gauge .sk-w78 { width: 78%; }
.sk-gauge .sk-w79 { width: 79%; }
.sk-gauge .sk-w80 { width: 80%; }
.sk-gauge .sk-w81 { width: 81%; }
.sk-gauge .sk-w82 { width: 82%; }
.sk-gauge .sk-w83 { width: 83%; }
.sk-gauge .sk-w84 { width: 84%; }
.sk-gauge .sk-w85 { width: 85%; }
.sk-gauge .sk-w86 { width: 86%; }
.sk-gauge .sk-w87 { width: 87%; }
.sk-gauge .sk-w88 { width: 88%; }
.sk-gauge .sk-w89 { width: 89%; }
.sk-gauge .sk-w90 { width: 90%; }
.sk-gauge .sk-w91 { width: 91%; }
.sk-gauge .sk-w92 { width: 92%; }
.sk-gauge .sk-w93 { width: 93%; }
.sk-gauge .sk-w94 { width: 94%; }
.sk-gauge .sk-w95 { width: 95%; }
.sk-gauge .sk-w96 { width: 96%; }
.sk-gauge .sk-w97 { width: 97%; }
.sk-gauge .sk-w98 { width: 98%; }
.sk-gauge .sk-w99 { width: 99%; }
.sk-gauge .sk-w100 { width: 100%; }
/* sk-elements:end */