:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#102038;background:radial-gradient(circle at top left,rgba(199,225,255,.85),transparent 32%),linear-gradient(160deg,#f5f0e8,#eef5ff 48%,#fffdf8);line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}#root{min-height:100vh}.shell{max-width:1180px;margin:0 auto;padding:40px 20px 56px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.workspace{display:grid;grid-template-columns:1.35fr .9fr;gap:24px}.panel{border:1px solid rgba(16,32,56,.08);border-radius:28px;background:#fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px #1c2e541a;padding:28px}.panel-center,.panel-success{max-width:720px;margin:56px auto 0}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:#5e748f}h1,h2{margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-weight:600;line-height:1.05}h1{font-size:clamp(2.4rem,5vw,4.3rem)}h2{font-size:1.5rem}.body-copy{max-width:60ch;margin:0;color:#405168}.status-chip{padding:10px 16px;border-radius:999px;background:#0f2f56;color:#fff;text-transform:capitalize}.document-preview .paper{min-height:420px;border-radius:20px;padding:28px;background:linear-gradient(180deg,#fbf8f1f2,#fffffffa),repeating-linear-gradient(180deg,rgba(84,112,143,.08),rgba(84,112,143,.08) 1px,transparent 1px,transparent 30px);border:1px solid rgba(16,32,56,.08)}.signer-panel{display:flex;flex-direction:column;gap:18px}.recipient-card{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:#f1f7ff;color:#24405e}.sign-form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:8px}.field input{border:1px solid rgba(16,32,56,.12);border-radius:14px;padding:14px 16px;background:#ffffffe0}.signature-field{display:flex;flex-direction:column;gap:10px}.signature-pad{width:100%;min-height:180px;border:1px solid rgba(16,32,56,.14);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f5f8fcf2),repeating-linear-gradient(180deg,rgba(84,112,143,.08),rgba(84,112,143,.08) 1px,transparent 1px,transparent 38px);touch-action:none;cursor:crosshair}.signature-pad-required{box-shadow:inset 0 0 0 1px #1d5b8f14}.signature-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.signature-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.signature-file-input{display:none}.signature-hint{font-size:.92rem;color:#5e748f}.secondary-button{border:1px solid rgba(16,32,56,.12);border-radius:12px;padding:9px 14px;background:#ffffffe0;color:#24405e;cursor:pointer}.secondary-button:hover{background:#f6f9fc}.primary-button{margin-top:8px;border:0;border-radius:16px;padding:15px 18px;background:linear-gradient(135deg,#0f2f56,#1d5b8f);color:#fff;cursor:pointer}.primary-button:disabled{cursor:progress;opacity:.7}.form-error{margin:0;color:#9f1239;font-size:.95rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}.summary-grid div{border-radius:18px;background:#f4f8fc;padding:16px}.summary-grid dt{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#6d7d92}.summary-grid dd{margin:10px 0 0;word-break:break-word}@media (max-width: 900px){.hero,.workspace{grid-template-columns:1fr;display:grid}.hero{gap:16px}.signature-toolbar{align-items:flex-start;flex-direction:column}.signature-actions{width:100%}}