body { margin:0; font-family:-apple-system,'Space Grotesk',system-ui,sans-serif; background:#0a0d12; color:#e9eef4; }
  .wrap { max-width:880px; margin:0 auto; padding:48px 24px; }
  h1 { font-size:22px; letter-spacing:-.01em; margin:0 0 6px; }
  .sub { color:#9aa6b4; font-size:14px; margin:0 0 28px; }
  .card { background:#10151d; border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:24px; }
  label { display:block; font-size:13px; margin-bottom:8px; }
  input { width:100%; padding:11px 14px; background:#0a0d12; border:1px solid rgba(255,255,255,.16); border-radius:8px; color:#e9eef4; font-family:ui-monospace,monospace; font-size:14px; box-sizing:border-box; }
  .btn { background:#ffb454; color:#1a1203; border:0; border-radius:999px; padding:11px 20px; font-weight:600; font-size:14px; cursor:pointer; margin-top:14px; }
  table { width:100%; border-collapse:collapse; font-size:13px; }
  th { text-align:left; color:#76838f; font-family:'JetBrains Mono',ui-monospace,monospace; font-size:11px; text-transform:uppercase; letter-spacing:.08em; padding:8px 10px; border-bottom:1px solid rgba(255,255,255,.1); }
  td { padding:10px; border-bottom:1px solid rgba(255,255,255,.06); color:#9aa6b4; word-break:break-all; }
  td .key { font-family:'JetBrains Mono',ui-monospace,monospace; color:#e9eef4; }
  .badge { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:11px; padding:2px 8px; border-radius:999px; }
  .badge.revoked { background:rgba(255,122,122,.15); color:#ff7a7a; }
  .badge.active { background:rgba(255,180,84,.15); color:#ffb454; }
  .revoke { font-family:'JetBrains Mono',ui-monospace,monospace; font-size:12px; background:transparent; color:#ff7a7a; border:1px solid rgba(255,122,122,.4); border-radius:8px; padding:5px 10px; cursor:pointer; }
  .revoke:disabled { opacity:.4; cursor:default; }
  .err { color:#ff7a7a; font-size:13px; margin-top:12px; min-height:18px; }
  a { color:#ffb454; font-size:13px; text-decoration:none; }
  a:hover { text-decoration:underline; }
  .toolbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
  .empty { color:#76838f; font-family:'JetBrains Mono',ui-monospace,monospace; font-size:13px; }
  button:focus-visible, a:focus-visible, summary:focus-visible, input:focus-visible { outline:none; box-shadow:0 0 0 3px rgba(255,180,84,0.28); }
  input:focus-visible { border-color:#ffb454; }