*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:18px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f4f7fb;color:#18212f}.page{width:min(100%,920px);margin:0 auto;padding:20px}.card{background:#fff;border-radius:20px;padding:28px;margin-bottom:20px;box-shadow:0 8px 28px rgba(0,0,0,.08)}h1{font-size:2rem;line-height:1.1;margin:0 0 10px}h2{font-size:1.45rem;margin:0 0 16px}.lead{font-size:1.1rem;color:#566273;margin:0 0 24px}label{display:block;font-weight:700;font-size:1.06rem;margin:19px 0 8px}input{width:100%;min-height:60px;border:2px solid #cfd7e3;border-radius:14px;padding:14px 16px;font-size:1.05rem;background:#fff}input:focus{outline:3px solid rgba(25,103,210,.18);border-color:#1967d2}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;border:0;border-radius:14px;padding:13px 18px;font-weight:800;font-size:1.05rem;text-decoration:none;cursor:pointer;margin-top:14px}.primary{background:#1967d2;color:#fff}.secondary{background:#eaf1fb;color:#174f95}.qr-btn{background:#111827;color:#fff}.msg{font-weight:700;min-height:26px}.msg.ok{color:#147a3b}.msg.err{color:#b42318}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.records{display:grid;gap:12px;margin-top:20px}.record{border:1px solid #e1e6ee;border-radius:14px;padding:16px}.record div{margin:7px 0;overflow-wrap:anywhere}.record strong{display:inline-block;min-width:92px}.empty{color:#667085}.modal[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:12px}.modal-backdrop{position:absolute;inset:0;background:rgba(10,18,30,.72)}.modal-box{position:relative;z-index:1;width:min(96vw,620px);max-height:94vh;overflow:auto;background:#fff;border-radius:20px;padding:24px;text-align:center}.close{position:absolute;right:12px;top:8px;width:50px;height:50px;border:0;background:#eef1f5;border-radius:50%;font-size:32px;cursor:pointer}.modal-box h2{padding:0 44px}.modal-box img{display:block;width:min(100%,520px);height:auto;margin:16px auto;background:#fff;border:10px solid #fff;border-radius:10px;image-rendering:pixelated}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:640px){html{font-size:20px}body{background:#fff}.page{padding:8px;width:100%}.card{border-radius:16px;padding:18px 14px;margin-bottom:10px;box-shadow:none;border:1px solid #e8ecf2}h1{font-size:2rem}h2{font-size:1.45rem}.lead{font-size:1.05rem}label{font-size:1.05rem}input{min-height:68px;font-size:1.1rem;border-radius:14px;padding:16px}.btn{min-height:66px;font-size:1.08rem;border-radius:14px}.download-grid,.modal-actions{grid-template-columns:1fr}.modal{padding:6px}.modal-box{width:100%;max-height:98vh;padding:18px 10px 14px;border-radius:16px}.modal-box img{width:min(92vw,540px);border-width:5px}.record{font-size:1rem;padding:15px 12px}.record strong{display:block;min-width:0;margin-bottom:2px}}