:root{--blue:#0b5cff;--bg:#f4f6fb;--card:#fff;font-family:Arial,Helvetica,sans-serif}
body{background:var(--bg);margin:0;padding:28px;display:flex;justify-content:center}
.card{width:980px;max-width:96vw;background:var(--card);padding:28px;border-radius:12px;box-shadow:0 10px 36px rgba(0,0,0,.1)}
h1{text-align:center;margin:0 0 18px;font-size:20px}
.fields .row{display:flex;gap:20px;margin-bottom:10px;flex-wrap:wrap}
label{font-size:13px;flex:1 1 300px}
input{width:100%;padding:8px;border:1px solid #cfd6e6;border-radius:6px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{border:1px solid #cfd6e6;padding:6px}
th{background:#f8fafc}
#subtotal{text-align:right;margin-top:6px;font-weight:700}
#sigPad{border:1px solid #bbb;border-radius:8px;background:#fff;width:100%;height:160px;display:block;touch-action:none}
.sig-controls{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}
button{background:var(--blue);color:#fff;border:0;padding:9px 14px;border-radius:8px;cursor:pointer}
button:hover{opacity:.95}
.actions{margin-top:16px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.messages{text-align:center;color:#b00;margin-top:8px}