:root{color-scheme:light;--paper:#faf6ed;--ink:#243b31;--gold:#977338;--muted:#52675c;--line:#c8cbbd;--red:#903934}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 Arial,sans-serif}.holder{max-width:620px;margin:7vh auto;padding:32px 28px 0;border-top:3px solid var(--gold)}.brand{color:var(--ink);text-decoration:none;font:26px Georgia,serif}h1{font:normal clamp(32px,6vw,44px)/1.18 Georgia,serif;margin:40px 0 20px}h2{font:normal 26px/1.3 Georgia,serif;margin:24px 0 12px}.status{display:inline-block;background:#dfe8dc;color:#294835;padding:6px 14px;border-radius:4px}.status.expired,.status.void{background:#f2e1d6;color:var(--red)}.status.issued{background:#eee7d8;color:#674f27}dl{border-top:1px solid var(--line);margin-top:32px}dl div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:14px 0}dt{color:var(--muted)}dd{margin:0;text-align:right;overflow-wrap:anywhere}.hint{color:var(--muted);font-size:15px}footer{border-top:1px solid var(--line);margin-top:52px;padding:20px 0 32px;color:var(--muted);font-size:14px}a{color:var(--ink);text-underline-offset:4px}button,input,select{font:inherit}button{min-height:44px;padding:9px 17px;background:var(--ink);color:white;border:0;border-radius:4px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}input,select{padding:10px;border:1px solid var(--muted);border-radius:3px;background:white;color:var(--ink);max-width:100%}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.dashboard{max-width:1180px;margin:32px auto;padding:20px}.dashboard h1{margin-top:24px}.tools{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.tools label{display:flex;flex-direction:column;gap:5px}.table-wrap{overflow:auto;margin-top:26px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td:nth-child(2){white-space:normal;min-width:180px}th{color:var(--muted)}.operation{border:1px solid var(--line);padding:22px;margin:25px 0}.operation input{width:100%}.operation form{max-width:520px;display:grid;gap:12px}.danger{background:var(--red)}#notice{min-height:28px;color:var(--muted)}@media(max-width:500px){.holder{margin:24px 16px 0;padding:24px 4px 0}dl div{flex-direction:column;gap:4px}dd{text-align:left}.dashboard{padding:16px;margin:0}.operation{padding:16px}}
