:root{font-family:Manrope,Segoe UI,sans-serif;color:#172033;background:radial-gradient(circle at top left,rgba(255,214,170,.65),transparent 28%),radial-gradient(circle at top right,rgba(116,163,255,.3),transparent 32%),linear-gradient(180deg,#fffaf2,#eef3ff);line-height:1.5;font-weight:500}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:#172033}a{color:inherit;text-decoration:none}button,input{font:inherit}img,canvas{max-width:100%}#root,.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2db;border-bottom:1px solid rgba(23,32,51,.08)}.topbar__inner,.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.topbar__inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0}.brand{display:inline-flex;align-items:center;gap:12px}.brand__mark{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#ff8f5a,#ef4444);color:#fff;font-weight:800}.brand strong,.brand small{display:block}.brand small,.muted,.doc-table small{color:#64748b}.topbar__nav{display:flex;gap:12px;flex-wrap:wrap}.topbar__nav a,.text-link{color:#1d4ed8;font-weight:700}.page-shell{padding:36px 0 48px}.page-grid{display:grid;gap:24px}.page-grid__content{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:24px;align-items:start}.hero-card,.panel{border:1px solid rgba(23,32,51,.08);border-radius:28px;background:#ffffffe0;box-shadow:0 18px 40px #1f293714}.hero-card{padding:32px;background:linear-gradient(135deg,#fffffff0,#fff3e6e0),#fff}.hero-card--compact{padding:28px 32px}.eyebrow{margin:0 0 10px;color:#b45309;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.hero-card h1,.panel h2,.audit-summary h3{margin:0}.hero-card h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;max-width:15ch}.hero-card__copy{max-width:65ch;margin:16px 0 0;color:#475569}.panel{padding:24px}.panel__header,.result-card__actions,.action-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.form-panel,.signer-panel,.access-panel{display:grid;gap:18px}.field{display:grid;gap:8px}.field span{font-size:.95rem;font-weight:700}.field input{width:100%;padding:14px 16px;border:1px solid rgba(23,32,51,.12);border-radius:16px;background:#f8fafc;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:14px 18px;border-radius:16px;border:0;cursor:pointer;font-weight:800;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.7}.button--primary{color:#fff;background:linear-gradient(135deg,#ff7a18,#ef4444);box-shadow:0 16px 24px #ef44443d}.button--secondary{background:#e2e8f0;color:#172033}.button--ghost{background:transparent;color:#1d4ed8;border:1px solid rgba(29,78,216,.14)}.status{margin:0;padding:12px 14px;border-radius:14px}.status--error{background:#fee2e2;color:#b91c1c}.status--success{background:#dcfce7;color:#166534}.position-summary,.audit-summary,.result-card{display:grid;gap:6px;padding:16px;border-radius:20px;background:#f8fafc;border:1px solid rgba(23,32,51,.08)}.qr-card{display:grid;justify-items:center;gap:10px;padding:14px;border-radius:16px;border:1px dashed rgba(23,32,51,.18);background:#f1f5f9}.qr-card img{width:200px;height:200px;border-radius:12px;background:#fff;border:1px solid rgba(23,32,51,.12);padding:8px}.empty-state,.loading-panel{display:grid;place-items:center;min-height:220px;color:#64748b}.pdf-preview{display:grid;gap:20px}.pdf-page-card{overflow:hidden;border-radius:22px;background:#fff;border:1px solid rgba(23,32,51,.08)}.pdf-page-card__header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;background:#f8fafc;border-bottom:1px solid rgba(23,32,51,.08)}.pdf-page-stage{position:relative;overflow:auto;background:linear-gradient(135deg,#ff7a180d,#3b82f60d),#eef2f7}.pdf-page-stage--interactive{cursor:crosshair}.pdf-page-stage__canvas{display:block;width:100%;height:auto;background:#fff}.signature-marker{position:absolute;border:3px solid #ef4444;border-radius:16px;background:#fee2e2b8;display:grid;place-items:center;color:#991b1b;font-weight:800;pointer-events:none}.pdf-page-stage--interactive .signature-marker{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.pdf-page-stage--interactive .signature-marker--dragging{cursor:grabbing;box-shadow:0 10px 24px #991b1b38}.signature-pad{border-radius:24px;background:linear-gradient(135deg,#ff7a1814,#3b82f60f),#fff;border:2px dashed rgba(59,130,246,.35);padding:16px}.signature-pad canvas{width:100%;display:block;background:#fff;border-radius:18px}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#e2e8f0;color:#172033;text-transform:capitalize;font-size:.92rem;font-weight:700}.badge--pending{background:#fef3c7;color:#92400e}.badge--viewed{background:#dbeafe;color:#1d4ed8}.badge--completed{background:#dcfce7;color:#166534}.table-shell{overflow-x:auto}.doc-table{width:100%;border-collapse:collapse}.doc-table th,.doc-table td{padding:14px 12px;text-align:left;border-bottom:1px solid rgba(23,32,51,.08);vertical-align:top}.doc-table td strong,.doc-table td small{display:block}.table-actions{display:grid;gap:8px}.table-actions a{color:#1d4ed8;font-weight:700}@media (max-width: 920px){.page-grid__content{grid-template-columns:1fr}.topbar__inner{align-items:flex-start;flex-direction:column}.preview-panel,.signer-panel,.form-panel,.access-panel{min-width:0}}@media (max-width: 640px){.page-shell,.topbar__inner{width:min(100% - 20px,1180px)}.hero-card,.panel{padding:20px;border-radius:24px}.hero-card h1{font-size:clamp(1.6rem,8vw,2.2rem);max-width:100%}.panel__header,.result-card__actions,.action-row{align-items:stretch;flex-direction:column}.topbar__nav,.topbar__nav a,.button,.text-link,.brand{width:100%}.pdf-page-card__header{align-items:flex-start;flex-direction:column}.signature-marker{border-width:2px;border-radius:12px;font-size:.8rem}.table-shell{overflow:visible}.doc-table,.doc-table thead,.doc-table tbody,.doc-table tr,.doc-table th,.doc-table td{display:block;width:100%}.doc-table thead{display:none}.doc-table tbody{display:grid;gap:14px}.doc-table tr{padding:16px;border:1px solid rgba(23,32,51,.08);border-radius:18px;background:#f8fafc}.doc-table td{border-bottom:0;padding:8px 0}.doc-table td:before{content:attr(data-label);display:block;margin-bottom:4px;color:#64748b;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}}