:root{--bg: #f7f7f8;--surface: #ffffff;--text: #1c1c1e;--muted: #6b6b73;--border: #dcdce0;--accent: #2f5fd0;--accent-text: #ffffff;--danger: #c0392b;--notice: #1e7b45;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}@media (prefers-color-scheme: dark){:root{--bg: #161618;--surface: #1f1f22;--text: #ececef;--muted: #9a9aa3;--border: #36363b;--accent: #6b93ff;--accent-text: #0d0d0f;--danger: #ff7b6b;--notice: #5fd18f}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}main{max-width:1100px;margin:0 auto;padding:24px 16px}main.centered{max-width:480px;text-align:center;padding-top:15vh}.topbar{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar nav{display:flex;gap:16px}.topbar nav a{color:var(--muted);text-decoration:none}.topbar nav a.active{color:var(--text);font-weight:600}.topbar .user{margin-left:auto;color:var(--muted);font-size:.9em}a{color:var(--accent)}h2{margin-top:0}.muted{color:var(--muted)}.error{color:var(--danger);white-space:pre-line}.notice{color:var(--notice)}.row{display:flex;gap:12px;justify-content:inherit;flex-wrap:wrap}main.centered .row{justify-content:center}button,.button{font:inherit;padding:8px 14px;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.secondary,.button.secondary{background:transparent;color:var(--accent)}button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}label{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;font-weight:500}input,select,textarea{font:inherit;font-weight:400;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}textarea{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.9em;resize:vertical}input.code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:1.4em;letter-spacing:.15em}.split{display:grid;grid-template-columns:240px 1fr;gap:24px}@media (max-width: 720px){.split{grid-template-columns:1fr}}.list{list-style:none;padding:0;margin:12px 0 0}.list button{width:100%;text-align:left;background:transparent;color:var(--text);border-color:transparent;display:flex;justify-content:space-between}.list button.active{background:var(--surface);border-color:var(--border)}.list small{color:var(--muted)}.editor,form.narrow{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}form.narrow{max-width:420px}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border)}th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border)}tr.revoked td{color:var(--muted)}.activate-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,420px);gap:24px;align-items:start}@media (max-width: 720px){.activate-layout{grid-template-columns:1fr}}.pending{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.pending h3{margin:0 0 12px;font-size:1em}.pending ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pending-item{width:100%;display:grid;gap:2px;text-align:left;background:var(--bg);color:var(--text);border-color:var(--border)}.pending-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.code-chip{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:1.15em;letter-spacing:.12em;font-weight:600}.pending-label{font-weight:500}.hint-small{font-size:.85em;margin:12px 0 0}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.page-head h2{margin:0}label.inline{flex-direction:row;align-items:center;gap:8px;font-weight:400;color:var(--muted)}.empty{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px 20px}.empty ol{margin:0;padding-left:20px;line-height:1.7}.actions{display:flex;gap:8px;justify-content:flex-end}fieldset{border:1px solid var(--border);border-radius:6px;padding:12px 16px 4px;margin:0 0 16px}fieldset legend{font-weight:500;padding:0 4px}.source-card{border:1px solid var(--border);border-radius:6px;padding:12px 12px 0;margin-bottom:12px;background:var(--bg)}.source-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.pair,.triple{display:grid;grid-template-columns:1fr 1fr;gap:12px}.triple{grid-template-columns:1fr 1fr 1fr}@media (max-width: 720px){.pair,.triple{grid-template-columns:1fr}}.hint{font-size:.85em;margin:-8px 0 12px}fieldset .row{margin-bottom:12px}button.small{padding:4px 10px;font-size:.9em}details{margin-bottom:16px}details summary{cursor:pointer;font-weight:500;margin-bottom:8px}details textarea{width:100%}fieldset.credentials{border:1px solid var(--border);border-radius:6px;padding:12px 16px;margin:0 0 16px}fieldset.credentials legend{font-weight:500;padding:0 4px}fieldset.credentials p{margin:0 0 12px;font-size:.9em}.credential-row{display:grid;grid-template-columns:minmax(80px,1fr) 2fr 2fr;gap:8px;align-items:center;margin-bottom:8px}.credential-row input{min-width:0}@media (max-width: 720px){.credential-row{grid-template-columns:1fr}}@media (max-width: 720px){table{display:block;overflow-x:auto}}
