:root{font-family:system-ui,-apple-system,sans-serif;color:#e7f0f8;background:#091522}*{box-sizing:border-box}body{margin:0}header{background:#0e2536;border-bottom:1px solid #284657;padding:16px max(16px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:19px}.brand small,.muted{color:#9fb4c6}.drop{font-size:32px}main{max-width:1100px;margin:28px auto;padding:0 16px;min-height:75vh}.panel,article{background:#12293b;border:1px solid #2b4b5c;border-radius:14px;padding:22px;margin:16px 0}h2{font-size:23px}h2 small{font-size:13px;color:#9fb4c6}.hidden{display:none!important}label{display:block;font-size:14px;margin:12px 0;color:#c6dce9}input{display:block;width:100%;background:#091c2c;color:white;border:1px solid #496274;border-radius:9px;padding:12px;font:inherit;margin-top:6px}button{background:#09a6ca;border:0;color:#061b25;font-weight:700;padding:11px 15px;border-radius:9px;cursor:pointer;margin:4px 5px 4px 0}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#2d4556;color:#e7f0f8}nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}nav button.active{background:#a8e9f5}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats article{margin:0}.stats small{display:block;color:#a9bfce}.stats strong{display:block;font-size:32px;margin-top:8px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tablewrap{overflow-x:auto;margin:18px 0}table{width:100%;border-collapse:collapse;min-width:590px}th,td{text-align:left;padding:12px;border-bottom:1px solid #29485a}th{color:#9eb6c6}#notice{margin:10px 0;white-space:pre-wrap}#notice:not(:empty){padding:12px;border-radius:8px;background:#23485b}#video{display:block;max-width:100%;width:400px;margin:12px 0;border-radius:10px}#memberStatus{margin:14px 0;font-weight:600}.ok{color:#66e5ad}.bad{color:#ffac9f}footer{text-align:center;color:#a4bdca;padding:20px;font-size:12px}@media(max-width:650px){.stats{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}.brand strong{font-size:16px}}

#qr-reader{width:100%;max-width:420px;margin:14px 0;border-radius:10px;overflow:hidden;background:#fff;color:#111}#qr-reader video{width:100%!important}#qr-reader button{margin:8px}

select{display:block;width:100%;background:#091c2c;color:white;border:1px solid #496274;border-radius:9px;padding:12px;font:inherit;margin-top:6px}