:root{--bg:#f5f6fa;--panel:#fff;--ink:#1c2233;--muted:#667085;--line:#e1e4ec;--brand:#2347c5;--brand-ink:#fff;--ok:#15803d;--warn:#b45309;--bad:#b91c1c;--radius:10px}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.1rem;margin:0 0 .75rem}h3{font-size:1rem;margin:0 0 .5rem}.topbar{display:flex;align-items:center;gap:1.25rem;padding:.7rem 1.25rem;background:#101a3a;color:#fff}.topbar a{color:#cdd6f6}.topbar a.active,.topbar a:hover{color:#fff}.topbar .brand{font-weight:700;font-size:1.1rem;color:#fff}.topbar .spacer{flex:1 1}.container{max-width:1080px;margin:0 auto;padding:1.25rem 1rem 4rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.grid{display:grid;grid-gap:.75rem;gap:.75rem}.grid.cols4{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem 1rem;text-align:left;cursor:pointer;font:inherit;color:inherit}.stat b{display:block;font-size:1.5rem}.stat.on{border-color:var(--brand);box-shadow:0 0 0 2px #c7d2fe}label{display:block;font-weight:600;margin:.6rem 0 .2rem;font-size:.9rem}input,select,textarea{width:100%;padding:.55rem .65rem;border:1px solid #c3c8d6;border-radius:8px;font:inherit;background:#fff;color:var(--ink)}textarea{min-height:70px;resize:vertical}.btn,button{display:inline-block;padding:.55rem 1rem;border-radius:8px;border:1px solid var(--brand);background:var(--brand);color:var(--brand-ink);font:inherit;font-weight:600;cursor:pointer}.btn.secondary,button.secondary{background:#fff;color:var(--brand)}button.danger{background:var(--bad);border-color:var(--bad)}button.ghost{background:transparent;color:var(--ink);border-color:var(--line)}button:disabled{opacity:.5;cursor:not-allowed}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.badge{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700;background:#e8eaf2;color:#3b4361}.badge.COMPLETED,.badge.SIGNED,.badge.VALID,.badge.VERIFIED{background:#dcfce7;color:var(--ok)}.badge.DECLINED,.badge.EXPIRED,.badge.FAILED,.badge.INVALID,.badge.VOIDED{background:#fee2e2;color:var(--bad)}.badge.AUTHENTICATED,.badge.INCOMPLETE,.badge.INVITED,.badge.IN_PROGRESS,.badge.PENDING_SIGNATURE,.badge.VIEWED{background:#fef3c7;color:var(--warn)}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:ui-monospace,Consolas,monospace;font-size:.78rem;word-break:break-all}.error{background:#fee2e2;color:var(--bad)}.error,.notice{padding:.6rem .8rem;border-radius:8px;margin:.6rem 0}.notice{background:#eef2ff;color:#2e3a8c}.ok{background:#dcfce7;color:var(--ok);padding:.6rem .8rem;border-radius:8px;margin:.6rem 0}.pdf-page{position:relative;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.2);margin:0 auto 1rem;max-width:100%}.pdf-pages{overflow:auto}.fld{position:absolute;border:2px solid var(--c,#2347c5);background:color-mix(in srgb,var(--c,#2347c5) 14%,transparent);border-radius:4px;font-size:11px;color:#111;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fld.sel{outline:3px solid #f59e0b;z-index:5}.fld .rz{position:absolute;right:0;bottom:0;width:12px;height:12px;background:var(--c,#2347c5);cursor:nwse-resize}.fld.live{cursor:pointer;font-size:12px}.fld.live.done{border-style:solid;background:#dcfce7;border-color:var(--ok)}.fld.live.todo{animation:pulse 1.6s infinite}@keyframes pulse{50%{background:#fef3c7}}.editor{display:grid;grid-template-columns:250px 1fr;grid-gap:1rem;gap:1rem;align-items:start}.editor .side{position:-webkit-sticky;position:sticky;top:8px;max-height:calc(100vh - 16px);overflow:auto}.chip{display:inline-block;width:.8rem;height:.8rem;border-radius:3px;margin-right:.4rem;vertical-align:middle}.sigpad{border:2px dashed #9aa3b8;border-radius:8px;background:#fff;touch-action:none;width:100%;height:180px;display:block}.tabs{display:flex;gap:.4rem;margin-bottom:.6rem}.tabs button{background:#fff;color:var(--ink);border-color:var(--line)}.tabs button.on{background:var(--brand);color:#fff;border-color:var(--brand)}.modal-bg{position:fixed;inset:0;background:rgba(15,20,40,.55);display:grid;place-items:center;z-index:50;padding:1rem}.modal{background:#fff;border-radius:12px;padding:1.25rem;width:min(560px,100%);max-height:92vh;overflow:auto}.sign-top{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:#101a3a;color:#fff;padding:.6rem 1rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.timeline{list-style:none;margin:0;padding:0}.timeline li{padding:.4rem 0;border-bottom:1px solid var(--line)}@media (max-width:800px){.editor{grid-template-columns:1fr}.editor .side{position:static;max-height:none}.container{padding:.75rem .6rem 4rem}}