*{box-sizing:border-box}body{margin:0;background:#f5f5f2;color:#20221f;font:15px system-ui,sans-serif}main{max-width:1400px;margin:auto;padding:32px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:28px}h1 small{font-size:16px;color:#657064;margin-left:16px}section{background:white;padding:24px;border:1px solid #ddd;border-radius:12px;margin-top:24px}#login{max-width:460px;margin:40px auto}form{display:flex;gap:12px;align-items:end;margin-bottom:24px}#login-form{display:grid}label{display:grid;gap:8px}input,button{padding:12px;border:1px solid #ccc;border-radius:7px;font:inherit}button{background:#f7c400;border:0;cursor:pointer}button:disabled{opacity:.5;cursor:default}input:focus-visible,button:focus-visible{outline:3px solid #537cde}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stats article{padding:18px;background:#f5f5f2;border-radius:8px;display:grid;gap:8px}.stats strong{font-size:30px}.stats span,#as-of{color:#657064}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee;font-size:13px}th{white-space:nowrap}footer{margin-top:20px}#error{color:#a71919}[hidden]{display:none!important}@media(max-width:650px){main{padding:16px}section{padding:16px}form,header{flex-wrap:wrap}h1 small{display:block;margin:4px 0}}

select{padding:12px;border:1px solid #ccc;border-radius:7px;font:inherit;max-width:100%}#qr-panel{border:0;padding:0;margin-top:32px}#batch-list article{padding:16px 0;border-bottom:1px solid #eee;overflow-wrap:anywhere}#batch-list button{margin:4px}#batch-form,#qr-filter{flex-wrap:wrap}input{min-width:0;max-width:100%}label{max-width:100%}.qr-token{overflow-wrap:anywhere;min-width:180px}#batch-result{overflow-wrap:anywhere}hr{border:0;border-top:1px solid #ddd;margin:32px 0}#qr-as-of{color:#657064}@media(max-width:650px){form label{width:100%}input,select{width:100%}footer{flex-wrap:wrap}}