: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}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{padding:12px;border-radius:10px;font-weight:700}.seg.active{background:var(--blue);color:#fff}.ghost{background:#fff;color:var(--blue);border:1px solid var(--border)}.primary{background:var(--yellow);color:var(--blue);border:1px solid var(--yellow)}.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}.hidden{display:none!important}.hint{color:var(--muted);font-size:13px}footer{text-align:center;color:var(--muted);font-size:12px;padding:22px 0}