:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17202a;background:#f4f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f4f6f8}main{max-width:980px;margin:0 auto;padding:22px 18px 70px}h1{font-size:1.55rem;line-height:1.2;margin:0 0 10px}h2{font-size:1.15rem;margin:18px 0 10px}p{line-height:1.5}.retention{font-size:.8rem;color:#5d6874;margin-top:22px}.panel{background:white;border:1px solid #dce1e5;border-radius:14px;padding:16px;margin:14px 0;box-shadow:0 2px 6px #00000008}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:1 1 auto}label{display:block;font-size:.88rem;font-weight:600;margin:10px 0 5px}input,select,button,textarea{font:inherit}input[type=text],input[type=password],input[type=file],textarea,select{width:100%;border:1px solid #bbc4cd;border-radius:8px;padding:11px;background:#fff}button,.button{border:0;border-radius:9px;background:#1c3f60;color:#fff;padding:12px 16px;font-weight:650;cursor:pointer;min-height:44px}button.secondary{background:#e8edf2;color:#17202a}button:disabled{opacity:.5;cursor:default}.message{min-height:1.4em;color:#415364;font-size:.92rem}.error{color:#a22}.toolbar{position:sticky;top:0;background:#f4f6f8ed;backdrop-filter:blur(8px);z-index:3;padding:9px 0}.pages{display:flex;flex-direction:column;gap:18px}.page{position:relative;background:white;box-shadow:0 3px 14px #0002;margin:auto;max-width:100%;touch-action:none}.page canvas{display:block;max-width:100%;height:auto}.overlay{position:absolute;inset:0;touch-action:none}.box{position:absolute;border:2px dashed #1d5c8b;background:#dceefa55;border-radius:3px;min-width:35px;min-height:24px;display:flex;align-items:center;justify-content:center;text-align:center;color:#173e5a;font-size:12px;overflow:hidden;touch-action:none}.box.signature{border-color:#357447;background:#e5f4e7aa;color:#174322}.box.date{border-color:#8b6e20;background:#fbf0c7aa;color:#503d0c}.box.selected{outline:2px solid #e58d1f}.box input{width:100%;height:100%;padding:1px 3px;border:0;background:transparent;font-size:inherit}.tools{display:flex;gap:8px;flex-wrap:wrap}.tools button{flex:1 1 110px}.signature-pad{display:block;width:100%;height:180px;background:#fff;border:1px solid #98a3ad;border-radius:8px;touch-action:none}.muted{color:#5d6874;font-size:.88rem}.output{word-break:break-all}.hide{display:none!important}@media(max-width:600px){main{padding:17px 12px 56px}.panel{padding:13px}.page{width:100%}.toolbar button{padding:10px}.signature-pad{height:160px}}