:root{--ink:#132535;--muted:#667783;--line:#d7e0e3;--paper:#fff;--bg:#edf1ef;--brand:#087767;--brand-dark:#075e53;--accent:#f1b64a;--error:#a43d3d;--shadow:0 18px 50px rgba(20,42,50,.12);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(130deg,#eef2ef 0%,#f8f5ee 52%,#e6efed 100%);color:var(--ink)}button,input,select{font:inherit}button,a{touch-action:manipulation}a{text-decoration:none;color:inherit}.topbar{height:72px;padding:0 clamp(18px,4vw,52px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(20,45,50,.1);background:rgba(248,250,247,.85);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.topbar strong{font-size:15px}.eyebrow,.step{margin:0 0 5px;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;color:var(--brand)}.workspace{display:grid;grid-template-columns:minmax(460px,1.08fr) minmax(380px,.92fr);min-height:calc(100vh - 72px)}.form-panel{padding:40px clamp(24px,4vw,60px) 64px;background:rgba(255,255,255,.72)}.preview-panel{padding:34px clamp(20px,3vw,44px);background:#dfe7e4;position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}.section-head,.preview-head,.button-row,.form-actions,.copy-row,.canvas-toolbar,.canvas-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em;margin:0}h1{font-size:clamp(28px,3vw,42px);line-height:1.08}h2{font-size:26px}.save-state{font-size:12px;color:var(--muted);white-space:nowrap}fieldset{border:0;border-top:1px solid var(--line);padding:24px 0 5px;margin:28px 0 0}legend{padding:0 14px 0 0;font-weight:800;font-size:14px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:1fr 1fr}.span-2{grid-column:1/-1}label{display:grid;gap:7px;font-size:12px;font-weight:750;color:#3e505c}input,select{width:100%;height:46px;border:1px solid #c7d1d5;border-radius:8px;background:#fff;padding:0 12px;color:var(--ink);outline:none;transition:.15s}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(8,119,103,.12)}.form-actions{justify-content:flex-end;padding-top:27px}.button{border:1px solid transparent;border-radius:8px;min-height:44px;padding:11px 18px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--brand);color:#fff}.button.primary:hover{background:var(--brand-dark)}.button.secondary{background:#fff;border-color:#bac8cd;color:var(--ink)}.button.small{min-height:36px;padding:8px 13px}.button.wide{width:100%}.button:disabled,.choice:disabled{opacity:.48;cursor:not-allowed}.text-button,.icon-button{border:0;background:none;color:var(--brand);font-weight:800;cursor:pointer}.icon-button{width:40px;height:40px;background:#fff;border-radius:50%;font-size:19px}.paper-wrap{max-width:620px;margin:20px auto}.paper{position:relative;box-shadow:var(--shadow);background:white;line-height:0}.paper img{width:100%;height:auto;display:block}.preview-value,.preview-check{position:absolute;color:#123a4a;font:600 clamp(5px,.65vw,9px)/1.1 Arial,sans-serif;line-height:1.1;white-space:nowrap;overflow:hidden}.preview-check{font-size:clamp(8px,1vw,13px);font-weight:900}.prepared{margin-top:28px;padding:20px;border:1px solid #add4c8;border-left:5px solid var(--brand);border-radius:10px;background:#f2faf7;display:flex;align-items:center;justify-content:space-between;gap:20px}.prepared[hidden]{display:none}.prepared p:not(.step){margin:6px 0 0;color:var(--muted);font-size:13px}.documents{margin:0;padding:42px clamp(20px,5vw,72px) 70px;background:#f7f8f5;border-top:1px solid var(--line)}.table-wrap{margin-top:18px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #e7ecee;font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#f6f8f7}.status-pill{display:inline-block;background:#e5f2ef;color:#076759;border-radius:999px;padding:5px 9px;font-weight:800;font-size:11px}.table-actions{display:flex;gap:8px}.mini-link{border:0;background:none;color:var(--brand);font-weight:800;cursor:pointer;padding:0}.empty{padding:20px;color:var(--muted)}dialog{width:min(560px,calc(100% - 28px));border:0;border-radius:16px;padding:30px;box-shadow:0 30px 90px rgba(7,30,36,.3);color:var(--ink)}dialog::backdrop{background:rgba(10,28,32,.56);backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:27px;color:var(--muted);cursor:pointer}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.choice{padding:19px;text-align:left;border:1px solid var(--line);background:#f7f9f8;border-radius:10px;cursor:pointer}.choice strong,.choice span{display:block}.choice span{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.45}.qr{display:block;width:210px;height:210px;margin:18px auto}.copy-row input{flex:1}.muted,.legal{color:var(--muted);font-size:12px}.toast{position:fixed;z-index:60;left:50%;bottom:24px;transform:translate(-50%,25px);opacity:0;background:#18363d;color:#fff;padding:12px 18px;border-radius:8px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.login-shell,.sign-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card,.sign-card{width:min(480px,100%);padding:34px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.login-card>p,.sign-card>p{color:var(--muted);line-height:1.55}.login-card form{display:grid;gap:18px;margin-top:22px}.brand-mark,.success-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--brand);color:white;font-family:Georgia,serif;font-size:26px;margin-bottom:22px}.alert{padding:11px;border-radius:8px}.alert.error{background:#fff0f0;color:var(--error)!important}.sign-card dl{margin:24px 0;border-top:1px solid var(--line)}.sign-card dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted);font-size:12px}dd{margin:0;font-weight:700;font-size:13px}.consent{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;margin:20px 0;padding:14px;background:#f2f6f4;border-radius:8px;line-height:1.4}.consent input{width:20px;height:20px;flex:none}.canvas-screen{width:min(1100px,100%);height:calc(100vh - 42px);display:grid;grid-template-rows:auto 1fr auto;gap:16px}.canvas-screen[hidden]{display:none}.canvas-box{min-height:280px;position:relative;border:2px dashed #8ca3aa;border-radius:14px;background:#fff;overflow:hidden}.canvas-box canvas{display:block;width:100%;height:100%;touch-action:none}.canvas-box span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;color:#b3bec2;font:italic 20px Georgia}.canvas-actions{justify-content:flex-end}.success-card{text-align:center}.success-icon{margin:0 auto 20px;background:var(--brand)}body.preview-expanded .preview-panel{position:fixed;z-index:40;inset:0;height:100vh;padding:20px 8vw}body.preview-expanded .paper-wrap{max-width:760px}
.clean-document{aspect-ratio:210/297;padding:5.7%;font:clamp(5px,.62vw,8px)/1.34 Arial,sans-serif;overflow:hidden;color:#172c3d}.clean-document h2{margin:4.5% 0 3.5%;font:700 2.25em/1.05 Arial,sans-serif;color:#174f88}.document-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #174f88;padding-bottom:2.4%}.document-logo{font:800 4.2em/.9 Arial,sans-serif;letter-spacing:.05em;color:#174f88}.document-header div{display:grid;text-align:right;gap:.25em;font-size:.86em}.document-data{border:1px solid #bfd0dc;background:#f7fafc}.document-data h3{margin:0;padding:1.25% 2%;background:#e9f1f6;color:#174f88;font-size:1.05em;text-transform:uppercase;letter-spacing:.04em}.document-grid{display:grid;grid-template-columns:1.45fr 1fr}.document-grid p{min-height:3.8em;margin:0;padding:1.25% 2%;border-right:1px solid #d8e2e8;border-top:1px solid #d8e2e8}.document-grid p:nth-child(even){border-right:0}.document-grid span,.document-grid b{display:block}.document-grid span{color:#60727f;font-size:.82em;margin-bottom:.3em}.document-grid b{font-size:1.02em}.document-wide{grid-column:1/-1}.document-body{margin-top:3.3%}.document-body h3{text-align:center;font-size:1.15em;letter-spacing:.08em;margin:0 0 1.2%}.document-body p{margin:0 0 1.25%;text-align:left}.document-date{margin:2.6% 0 2%}.document-signatures{display:grid;grid-template-columns:1fr 1fr;gap:4%;height:16.5%}.document-signatures>div{position:relative;border:1px solid #8ea5b5;padding:2%}.document-signatures b,.document-signatures span,.document-signatures i{display:block}.document-signatures span{margin-top:.5em;color:#526a78}.document-signatures i{position:absolute;left:4%;right:4%;bottom:5%;border-top:1px solid #aebcc4;padding-top:.5em;color:#647782;font-style:normal}.document-legal{margin-top:3%;border-top:2px solid #174f88;padding-top:1.5%;font-size:.82em}.document-legal>b{text-transform:uppercase;color:#174f88}.document-legal p{margin:.7% 0 0;text-align:left}.clean-document footer{position:absolute;left:5.7%;right:5.7%;bottom:2.8%;border-top:1px solid #9db0bc;padding-top:1%;color:#61727c;font-size:.78em}
.original-document{padding:4.5%;font-size:clamp(4.5px,.55vw,7px)}.original-document h2{margin:3.8% 0 .5%;font-size:2.45em}.document-subtitle{margin:0 0 3%;color:#174f88;font-weight:800}.original-fields p{margin:.5% 0;line-height:1.45}.original-fields b{display:inline-block;min-width:18%;padding:0 .4em;border-bottom:1px solid #8295a2}.role-line{white-space:nowrap}.original-body{margin-top:2.2%}.original-body p{margin-bottom:1%}.original-document .document-date{margin:2.1% 0 1.5%}.original-document .document-signatures{height:16%}.original-document .document-legal{margin-top:2.2%;font-size:.78em}.original-document footer{font-size:.72em}.table-actions{flex-wrap:wrap;align-items:center}.mini-link.danger{color:#a43d3d}
.login-grid{width:min(1000px,100%);display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.login-grid .login-card{width:100%}.verification-mark{background:#174f88}.signature-documents{display:grid;grid-template-columns:1fr 1fr;gap:10px}.public-status-card{width:min(680px,100%)}.status-search{grid-template-columns:1fr auto!important;align-items:end}.status-result{margin-top:22px;padding:20px;border:1px solid #add4c8;border-radius:10px;background:#f5faf8}.status-result.deleted{border-color:#e0b7b7;background:#fff7f7}.status-result.replaced{border-color:#e4c98e;background:#fffaf0}.status-result h2{margin:12px 0}.status-result dl{margin:14px 0}.status-result dl div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.signature-status{display:grid;grid-template-columns:1.1fr 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:12px}.signature-status code,td code{font-size:11px;color:#31515f}.status-back{display:inline-block;margin-top:20px}.table-wrap td small{display:block;margin-top:4px;color:var(--muted)}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.preview-panel{position:relative;top:auto;height:auto}.clean-document{font-size:clamp(5px,1.25vw,8px)}.prepared{align-items:flex-start;flex-direction:column}.documents{padding-inline:20px}.login-grid{grid-template-columns:1fr;max-width:520px}}
@media(max-width:560px){.topbar{height:64px}.topbar .eyebrow{display:none}.workspace{min-height:0}.form-panel{padding:26px 17px 44px}.grid.two{grid-template-columns:1fr}.span-2{grid-column:auto}.form-actions,.button-row{display:grid;grid-template-columns:1fr 1fr;width:100%}.prepared .button-row{grid-template-columns:1fr;width:100%}.choice-grid{grid-template-columns:1fr}dialog{padding:26px 20px}.login-card,.sign-card{padding:26px 20px}.canvas-screen{height:calc(100vh - 28px)}.canvas-toolbar{align-items:flex-start}.canvas-toolbar h1{font-size:25px}.canvas-actions,.signature-documents{display:grid;grid-template-columns:1fr 1fr}.sign-card dl div{grid-template-columns:1fr;gap:4px}.status-search{grid-template-columns:1fr!important}.status-result dl div,.signature-status{grid-template-columns:1fr;gap:4px}}
:root{--ink:#14283b;--muted:#60758a;--line:#d5e0ea;--bg:#edf3f8;--brand:#175a96;--brand-dark:#104474;--shadow:0 18px 50px rgba(23,79,136,.14)}
body{background:linear-gradient(130deg,#edf4fb 0%,#f6f9fc 52%,#e5eef8 100%)}
.topbar{border-bottom-color:rgba(23,79,136,.12);background:rgba(248,251,255,.88)}
.preview-panel{background:#dce8f4}
label{color:#3c5268}
input:focus,select:focus{box-shadow:0 0 0 3px rgba(23,90,150,.14)}
.prepared{border-color:#a9c8e5;background:#f1f7fc}
.documents{background:#f5f8fc}
th{background:#f3f7fb}
.status-pill{background:#e4eff9;color:#174f88}
dialog{box-shadow:0 30px 90px rgba(15,48,82,.3)}
dialog::backdrop{background:rgba(12,38,66,.56)}
.choice{background:#f5f8fc}
.toast{background:#163e63}
.consent{background:#edf4fb}
.status-result{border-color:#a9c8e5;background:#f1f7fc}
.topbar-actions{display:flex;align-items:center;gap:14px}.topbar-actions form{margin:0}.profile-dialog{width:min(720px,calc(100% - 28px))}.profile-dialog>p.muted{max-width:620px;line-height:1.5}.profile-dialog form{display:grid;gap:18px;margin-top:22px}.profile-signature-label{gap:8px}.profile-signature-box{position:relative;height:180px;border:2px dashed #91abc3;border-radius:12px;background:#f8fbff;overflow:hidden}.profile-signature-box canvas{display:block;width:100%;height:100%;touch-action:none}.profile-signature-box span{position:absolute;inset:0;display:grid;place-items:center;color:#8a9db0;font:italic 16px Georgia;pointer-events:none}.profile-signature-box span[hidden]{display:none}.profile-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.danger-button{background:#fff;border-color:#d7a9a9;color:#9f3838}
@media(max-width:560px){.topbar-actions{gap:6px}.topbar-actions .button{padding:8px 10px;min-height:36px}.profile-signature-box{height:150px}.profile-actions{display:grid;grid-template-columns:1fr}.profile-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}