:root{--fg:#33ff66;--dim:#1f8f3f;--bg:#0b0f0b;--panel:#0f150f;--err:#ff5c5c}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:ui-monospace,Menlo,Consolas,monospace;
     margin:0;padding:1.5rem;line-height:1.6}
.wrap{max-width:52rem;margin:0 auto}
.center{display:grid;place-items:center;min-height:80vh}
.box{width:100%;max-width:26rem}
h1{letter-spacing:.3em;font-weight:400;font-size:1.3rem;margin:0}
h2{font-weight:400;font-size:1rem;color:var(--dim);margin:1.4rem 0 1rem}
a{color:var(--fg)}
label{display:block;margin:.9rem 0 .3rem;color:var(--dim)}
input{width:100%;padding:.6rem;background:var(--panel);border:1px solid var(--dim);
      color:var(--fg);font:inherit;border-radius:2px}
input:focus{outline:2px solid var(--fg);outline-offset:1px}
button{padding:.55rem 1.1rem;background:transparent;border:1px solid var(--fg);
       color:var(--fg);font:inherit;cursor:pointer;border-radius:2px}
button:hover{background:var(--fg);color:var(--bg)}
button.link{border:0;padding:0;color:var(--dim);text-decoration:underline;cursor:pointer;background:none}
button.link:hover{background:none;color:var(--fg)}
.error{color:var(--err);margin:.8rem 0}
.dim{color:var(--dim)}
code{color:#8affb0;word-break:break-all}
.secret{display:block;margin:.6rem 0;padding:.6rem;background:var(--panel);
        border:1px dashed var(--dim);letter-spacing:.15em}
.nav{display:flex;gap:1.2rem;align-items:center;border-bottom:1px solid var(--dim);
     padding-bottom:.8rem;margin-top:.4rem}
.nav .spacer{flex:1}
.nav a{color:var(--dim);text-decoration:none}
.nav a:hover{color:var(--fg)}
table{width:100%;border-collapse:collapse;margin-top:.5rem}
th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid #16221a;font-weight:400}
th{color:var(--dim);font-size:.85rem}
.status-active{color:var(--fg)}
.status-revoked,.status-expired,.status-exhausted,.status-disabled{color:var(--dim)}
.qr{background:#fff;display:inline-block;padding:.6rem;border-radius:4px;max-width:220px}
.qr svg{width:200px;height:200px;display:block}
.url{display:block;margin:.6rem 0;padding:.7rem;background:var(--panel);
     border:1px solid var(--dim);border-radius:2px}
.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:1rem}
form.inline{display:inline;margin:0}
.narrow{max-width:24rem}
.field-check{display:flex;gap:.5rem;align-items:center;margin-top:1rem;color:var(--fg)}
.cb{width:auto}