:root{--paper: #f5f1e8;--panel: #ede6d8;--ink: #1a1714;--ink-muted: #6b6257;--line: #d6cbb6;--brick: #b0432a;--ochre: #c58a22;--forest: #2f5d50;--slate: #3d4a55;--font-ui: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;--font-mono: "IBM Plex Mono", "Consolas", monospace;--radius: 3px}@media(prefers-color-scheme:dark){:root{--paper: #16150f;--panel: #211f18;--ink: #ece5d6;--ink-muted: #9b9182;--line: #3a3529;--brick: #c25a41;--ochre: #d6a03a;--forest: #4c8271;--slate: #7d8b96}}*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0 auto;max-width:1120px;padding:18px 20px 48px;background:var(--paper);color:var(--ink);font:13px/1.45 var(--font-ui)}.head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}h1{margin:0;font-size:16px;font-weight:600;letter-spacing:.02em}.eyebrow{margin:0 0 8px;color:var(--ink-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.card{margin-top:14px;padding:12px 14px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}label{display:block;color:var(--ink-muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase}label input,label select{display:block;width:100%;margin-top:4px}label input[type=checkbox]{display:inline;width:auto;margin:0}.grid+.row{margin-top:10px}.check{display:flex;align-items:center;gap:6px;text-transform:none;letter-spacing:0;font-size:12px;color:var(--ink)}.check input{margin:0}input,select{font:inherit;text-transform:none;letter-spacing:0;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:5px 8px}input[readonly]{color:var(--ink-muted);background:transparent;border-style:dashed}button{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:5px 12px;cursor:pointer}button:hover{border-color:var(--ink-muted)}button.primary{background:var(--brick);border-color:var(--brick);color:#fff}button.revoke,button.release{padding:2px 8px;font-size:11px}button.revoke{color:var(--brick);border-color:var(--brick)}.hint,.issued{margin:8px 0 0;color:var(--ink-muted);font-size:11px}.issued{text-transform:uppercase;letter-spacing:.04em}.issued code{color:var(--forest);font-size:12px;letter-spacing:.02em;text-transform:none}#status{margin:12px 0 0;padding:8px 10px;background:color-mix(in srgb,var(--brick) 12%,var(--panel));border:1px solid var(--brick);border-left-width:3px;border-radius:var(--radius);color:var(--ink);font-size:12px}.scroll{overflow-x:auto}table.keys{width:100%;border-collapse:collapse}.keys th{padding:4px 8px;text-align:left;color:var(--ink-muted);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap}.keys td{padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}.keys tr:hover td{background:color-mix(in srgb,var(--paper) 55%,transparent)}.keys th:last-child,.keys td:last-child{position:sticky;right:0;background:var(--panel);box-shadow:-6px 0 6px -6px color-mix(in srgb,var(--ink) 35%,transparent)}.keys tr:hover td:last-child{background:color-mix(in srgb,var(--paper) 55%,var(--panel))}.num,.key{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.key{letter-spacing:.02em;white-space:nowrap}.seats{white-space:nowrap}td.status{text-transform:uppercase;font-size:11px;letter-spacing:.06em;white-space:nowrap}td.status.active{color:var(--forest)}td.status.revoked{color:var(--brick);font-weight:600}td.expires{white-space:nowrap}.label .note{color:var(--ink-muted)}.devices .device{display:flex;align-items:center;gap:8px}.devices .device .num{color:var(--ink-muted);font-size:11px}.devices button{margin-left:auto}
