:root{--blue:#0b2f5b;--yellow:#f9b000;--bg:#f4f6f8;--border:#d8dee6;--muted:#6b7785}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:#18212b}.app{max-width:720px;margin:auto;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;background:var(--blue);color:#fff;padding:16px;border-radius:16px}.brand{font-size:34px;font-weight:900;color:var(--yellow)}.badge{background:#fff;color:var(--blue);padding:8px 10px;border-radius:999px;font-weight:800}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;margin-top:14px}.hero{display:flex;justify-content:space-between;align-items:center;gap:12px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}h1,h2{color:var(--blue)}input,textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;font-size:16px}label{display:block;margin:12px 0 6px;font-weight:700}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg,.ghost,.primary,.scanbtn,.mailbtn,.wabtn,.resetbtn,.newbtn{padding:12px;border-radius:10px;font-weight:700;font-size:16px}.seg{border:1px solid var(--border);background:#fff;color:var(--blue)}.seg.active{background:var(--blue);color:#fff}.ghost{background:#fff;color:var(--blue);border:1px solid var(--border)}.resetbtn{background:#fff;color:#b42318;border:1px solid #f0b9b3}.newbtn{background:var(--blue);color:#fff;border:1px solid var(--blue);grid-column:1/-1}.primary{background:var(--yellow);color:var(--blue);border:1px solid var(--yellow)}.scan-card{padding:14px}.scanbtn{width:100%;background:var(--yellow);color:var(--blue);border:0;font-size:19px}.scan-hint{text-align:center;margin-top:8px}.scanner{position:relative;margin-top:12px;background:#000;border-radius:14px;overflow:hidden}#scannerVideo{display:block;width:100%;max-height:55vh;object-fit:cover}.scan-frame{position:absolute;left:14%;right:14%;top:18%;bottom:28%;border:3px solid var(--yellow);border-radius:16px;pointer-events:none}#stopScanBtn{width:calc(100% - 24px);margin:12px}.signature-wrap{height:190px;border:2px dashed #aeb8c4;border-radius:12px;background:#fff}#signature{width:100%;height:100%;touch-action:none}.photo{width:100%;max-height:300px;object-fit:contain;margin-top:10px}.actions{display:grid;gap:10px;margin-top:14px}.success,.error{margin-top:14px;padding:14px;border-radius:12px}.success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.mailbtn{background:#fff;border:1px solid var(--blue);color:var(--blue)}.wabtn{background:#fff;border:1px solid #159447;color:#0c6b31}.hidden{display:none!important}.hint{color:var(--muted);font-size:13px}footer{text-align:center;color:var(--muted);font-size:12px;padding:22px 0}@media(max-width:520px){.share-actions{grid-template-columns:1fr}.hero{align-items:flex-start}.hero-actions{flex-direction:column}.hero-actions button{font-size:13px;padding:9px}.newbtn{grid-column:auto}}