:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#203348;background:#eef2f5;font-size:15px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:820px;margin:auto;padding:24px 14px}header{display:flex;gap:18px;align-items:center;justify-content:center;margin-bottom:24px;font-weight:600}header img{width:105px;height:42px;object-fit:contain}section{padding:24px;margin-bottom:16px;background:white;border-radius:16px;box-shadow:0 5px 24px #21334908}h1{font-size:1.45rem;margin:8px 0 15px}h2{font-size:1.1rem;margin:22px 0 12px}p{line-height:1.55}.muted,small{color:#728193}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.badge{background:#e4f6f1;color:#078466;border-radius:8px;padding:7px;font-size:.8rem}.totals{background:#edf9f6;padding:18px;border-radius:12px;display:grid;gap:10px}.totals>div{display:flex;justify-content:space-between;gap:15px}.totals strong{white-space:nowrap}.net{border-top:1px solid #c4e4da;padding-top:10px;color:#087f65;font-size:1.15rem}label{display:block;font-weight:600;margin:15px 0 8px}input,textarea,button{font:inherit;border-radius:8px}input:not([type=checkbox]),textarea{width:100%;padding:12px;border:1px solid #cad6e1;color:inherit}#code{font-size:1.6rem;letter-spacing:6px;text-align:center}button{padding:12px 18px;border:1px solid transparent;background:#00a6ad;color:white;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}form button{width:100%;margin-top:18px}.secondary{background:#edf1f5;color:#203348;border-color:#d8e0e6}.danger{background:white;color:#d54150;border-color:#d54150}.actions{display:flex;gap:12px;justify-content:space-between;margin:24px 0 16px}.accept{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.5}.accept input{margin-top:5px}dl{display:grid;grid-template-columns:160px minmax(0,1fr);gap:8px 14px}dt{color:#758599}dd{margin:0;overflow-wrap:anywhere}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:10px 7px;border-bottom:1px solid #dde5eb;text-align:left}.num{text-align:right;white-space:nowrap}.signature{position:relative;border:2px dashed #a8c7c9;border-radius:14px;background:white;overflow:hidden}.signature canvas{display:block;width:100%;height:360px;height:clamp(300px,50svh,460px);touch-action:none;cursor:crosshair}.signature span{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#889ba8;text-align:center;padding:15px}#clear{margin-top:8px;padding:7px 12px;font-size:.85rem}#message{padding:16px;border-radius:10px;margin-bottom:16px;background:#ffe6e6;line-height:1.5}#message.success{background:#dff5eb}#saved-signature{width:100%;max-width:320px;max-height:125px;object-fit:contain}footer{text-align:center;color:#7b8998;font-size:.8rem;padding:20px}@media(max-width:480px){section{padding:18px}.actions{flex-direction:column-reverse}.actions button{width:100%}dl{grid-template-columns:1fr;gap:3px}dd{margin-bottom:10px}.net{font-size:1rem}header{font-size:.9rem;gap:12px}}