:root{--navy: #103e78;--navy-deep: #0e3b73;--navy-hover: #1a4e94;--bg: #dce3ec;--surface: #f3f5f8;--surface-hover: #ffffff;--border: rgba(16, 61, 107, .14);--border-strong: rgba(16, 61, 107, .22);--text: #163d6b;--text-body: #1e3246;--text-muted: #53708e;--accent: #103e78;--accent-deep: #0e3b73;--accent-hover: #1a4e94;--accent-glow: rgba(16, 62, 120, .12);--success: #15803d;--warning: #b45309;--danger: #b91c1c;--ink: var(--text);--ink-soft: var(--text-muted);--paper: var(--surface);--line: var(--border);--shadow: 0 4px 24px rgba(16, 62, 120, .08), 0 1px 3px rgba(16, 62, 120, .06);--shadow-soft: 0 2px 8px rgba(16, 62, 120, .06);--radius-card: 28px;--radius-input: 22px;--radius-button: 22px;--lime: #ace825;--lime-deep: #97c622;--brand-50: #e8f1fb;--brand-100: #d9e6ff;--app-navbar-offset: 5.75rem;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;color:var(--text-body);line-height:1.5;background:linear-gradient(165deg,#dce3ec,#e8eef5 48%,#dce3ec);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}a{color:var(--navy)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#103d6b38;border-radius:4px}.shell{width:min(1100px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.shell.signing-shell{width:min(960px,calc(100% - 2rem))}.brand{font-size:clamp(1.85rem,4vw,2.4rem);font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.15;color:var(--text)}.brand span,.brand-accent{color:var(--accent)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:600;color:var(--navy);margin:0 0 .5rem}.lede{color:var(--text-muted);font-size:1.02rem;max-width:40rem;margin:.5rem 0 0}.panel{margin-top:1.25rem;padding:1.35rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow)}.panel h2,.panel h3{font-size:1.15rem;font-weight:700;color:var(--text);margin:0 0 .75rem;letter-spacing:-.01em}.panel h4{margin:0 0 .75rem;font-size:1rem;color:var(--text)}.inner-panel{margin-top:.75rem;padding:1rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:calc(var(--radius-card) - 8px)}.field{display:grid;gap:.35rem;margin-bottom:1rem}.field label,.field legend{font-size:.8125rem;font-weight:600;color:var(--text)}.field input,.field textarea,.field select{border:1px solid var(--border-strong);background:var(--surface-hover);padding:.7rem .95rem;font:inherit;color:inherit;border-radius:var(--radius-input);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--navy);box-shadow:0 0 0 3px #103e781f}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;align-items:center}button,.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--navy-deep);color:#fff;font:inherit;font-weight:600;font-size:.875rem;padding:.65rem 1.15rem;border-radius:var(--radius-button);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:background .15s ease,box-shadow .15s ease;box-shadow:var(--shadow-soft)}button:hover:not(:disabled),.button:hover{background:var(--navy-hover)}button:disabled,.button:disabled{opacity:.55;cursor:not-allowed}button.secondary,.button.secondary{background:var(--surface-hover);color:var(--navy);border:1px solid var(--border-strong);box-shadow:none}button.secondary:hover:not(:disabled),.button.secondary:hover{background:var(--brand-50);border-color:var(--navy)}button.lime,.button.lime{background:var(--lime);color:var(--navy-deep);border:1px solid var(--lime-deep)}.meta{color:var(--text-muted);font-size:.85rem}.mono{font-family:ui-monospace,Consolas,JetBrains Mono,monospace;font-size:.82rem}.error{color:var(--danger);font-weight:600}.success{color:var(--success);font-weight:600}.status-pill{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;background:var(--brand-50);border:1px solid var(--border);color:var(--navy);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.linkish{background:none;border:0;color:var(--navy);padding:0;font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;box-shadow:none;border-radius:0}.check,.checkbox-row{display:flex;align-items:flex-start;gap:.55rem;margin:.65rem 0;color:var(--text-body);font-size:.9rem}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}.data-table th{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-head h2{margin:0;color:var(--text);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.org-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.org-list li{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .85rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:calc(var(--radius-card) - 10px)}.doc-preview{margin-top:1rem;padding:1rem;background:var(--brand-50);border-radius:calc(var(--radius-card) - 10px);border:1px solid var(--border)}.sig-pad{touch-action:none;max-width:100%;border:1px solid var(--border-strong);background:#fff;border-radius:12px;display:block}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-top{position:sticky;top:0;z-index:100;flex-shrink:0}.app-navbar{background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-strong);box-shadow:var(--shadow-soft)}.app-navbar-inner{max-width:1600px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.navbar-brand{min-width:0}.brand-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .85rem;margin:0;font-size:1.45rem;font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.2}.brand-title-row span{color:var(--accent)}.navbar-subtitle{margin:.2rem 0 0;font-size:.85rem;font-weight:500;color:var(--text-muted)}.navbar-trailing{display:flex;align-items:center;gap:.85rem;margin-left:auto;flex-shrink:0}.navbar-logo{height:2.75rem;width:auto;max-width:min(200px,32vw);object-fit:contain}.navbar-user{display:flex;align-items:center;gap:.65rem;padding-right:.85rem;border-right:1px solid var(--border)}.navbar-user-avatar{display:flex;height:2.15rem;width:2.15rem;align-items:center;justify-content:center;border-radius:999px;background:var(--brand-50);font-size:.7rem;font-weight:700;color:var(--navy)}.navbar-user-name{font-size:.8125rem;font-weight:600;color:var(--text)}.navbar-user-role{font-size:.7rem;color:var(--text-muted)}.app-shell{flex:1;display:flex;position:relative;min-height:0}.app-main{flex:1;max-width:1600px;width:100%;margin:0 auto;padding:1.25rem 1.5rem 3rem}.app-main-compact{max-width:980px}.signing-shell-inner{width:100%}.evidence-json{margin:1rem 0 0;padding:1rem 1.1rem;max-height:22rem;overflow:auto;border-radius:14px;border:1px solid var(--border);background:#f4f7fb;font-size:.78rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.signed-pdf-frame{display:block;width:100%;min-height:32rem;margin-top:1rem;border:1px solid var(--border);border-radius:14px;background:#fff}.side-nav-rail{position:sticky;top:var(--app-navbar-offset);align-self:flex-start;z-index:40;width:14px;height:calc(100vh - var(--app-navbar-offset) - 1rem);margin:.5rem 0 0;flex-shrink:0;transition:width .18s ease}.side-nav-rail:hover,.side-nav-rail:focus-within{width:15.5rem}.side-nav-tab{position:absolute;top:1.25rem;left:0;width:14px;height:2.5rem;border-radius:0 10px 10px 0;background:var(--navy-deep);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;box-shadow:var(--shadow-soft);transition:opacity .15s ease}.side-nav-rail:hover .side-nav-tab,.side-nav-rail:focus-within .side-nav-tab{opacity:0;pointer-events:none}.side-nav-panel{opacity:0;pointer-events:none;transform:translate(-6px);transition:opacity .15s ease,transform .15s ease;margin:.5rem 0 0 .35rem;padding:.65rem;background:#fffffff5;border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);max-height:calc(100vh - var(--app-navbar-offset) - 2rem);overflow:auto}.side-nav-rail:hover .side-nav-panel,.side-nav-rail:focus-within .side-nav-panel{opacity:1;pointer-events:auto;transform:none}.side-nav-links{display:flex;flex-direction:column;gap:.25rem}.side-nav-section{margin:.55rem .35rem .2rem;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.nav-pill{display:flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border-radius:999px;font-size:.8125rem;font-weight:600;color:var(--text-muted);border:1px solid transparent;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.nav-pill:hover{background:var(--surface-hover);color:var(--navy);border-color:var(--border)}.nav-pill.active{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep);box-shadow:var(--shadow-soft)}.nav-pill.lime{border:1px solid var(--lime-deep);background:var(--lime);color:var(--navy-deep)}.nav-pill.lime:hover,.nav-pill.lime.active{background:var(--lime-deep);color:var(--navy-deep)}.sender-org-bar{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius-card) - 8px);box-shadow:var(--shadow-soft);color:var(--text);font-size:.9rem}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem;margin:1rem 0 1.25rem}.kpi-card{padding:1rem 1.1rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:calc(var(--radius-card) - 6px);box-shadow:var(--shadow-soft)}.kpi-card .kpi-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.kpi-card .kpi-value{margin-top:.25rem;font-size:1.55rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.sender-header,.sender-nav{display:none}.sender-title{margin:0}.nav-external{opacity:.85}.drop-zone{margin:1rem 0 1.25rem;padding:2rem 1.5rem;border:2px dashed var(--border-strong);background:var(--brand-50);border-radius:var(--radius-card);text-align:center;display:grid;gap:.5rem;justify-items:center;transition:border-color .16s ease,background .16s ease}.drop-zone-active,.drop-zone-has-file{border-color:var(--navy);background:#d9e6ff}.drop-browse{margin-top:.5rem;cursor:pointer}.wizard-steps{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.wizard-step{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-muted);padding:.45rem .85rem;font-size:.85rem;font-weight:600;border-radius:999px}.wizard-step.active{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep)}.wizard-step.done{border-color:var(--navy);color:var(--navy);background:var(--brand-50)}.review-list{margin:0 0 1rem;padding-left:1.25rem;color:var(--text-muted)}.compliance-banner{border-left:4px solid var(--navy);margin-bottom:1rem}.field-placement-editor{display:grid;gap:1rem}.field-placement-toolbar{display:grid;gap:.75rem}.field-placement-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.field-placement-canvas-wrap{overflow:auto;max-width:100%}.field-placement-stage{position:relative;margin:0 auto;cursor:crosshair}.field-placement-canvas{display:block;width:100%;height:auto;border-radius:8px}.field-placement-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.field-placement-box{position:absolute;border:2px solid var(--navy-deep);border-radius:4px;pointer-events:auto;cursor:move;display:flex;align-items:flex-end;padding:2px 4px;font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text);box-sizing:border-box}.field-placement-box.selected{border-color:var(--danger);box-shadow:0 0 0 2px #b91c1c33}.field-placement-selected{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.field-placement-list{margin:0;padding-left:1.25rem}.page-nav{display:flex;align-items:center;gap:.35rem}.table-actions{display:flex;flex-wrap:wrap;gap:.35rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#103d6b59;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal{max-width:900px;width:100%;max-height:90vh;overflow:auto}.pdf-preview-frame{display:block;border-radius:12px}.signing-shell.embedded{max-width:960px;margin:0 auto;padding:1rem}.signing-logo{max-height:40px;margin-bottom:.75rem}.signing-field-hit{position:absolute;border:2px dashed var(--navy);background:#103e781f;pointer-events:auto;cursor:pointer;font-size:.65rem;font-weight:700;color:var(--text);display:flex;align-items:flex-end;padding:2px 4px;box-sizing:border-box;border-radius:4px}.signing-field-hit.active{border-style:solid;border-color:var(--danger);background:#b91c1c1f}.signing-field-hit.filled{border-color:var(--success);background:#15803d1f}.signing-field-hit.required:not(.filled){border-color:var(--warning)}.signing-field-list{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0 1rem}.signing-field-tab.active{border-color:var(--accent, #1a5f4a);box-shadow:inset 0 0 0 1px var(--accent, #1a5f4a)}.signing-field-tab.filled{border-color:var(--success, #15803d)}.signing-page-nav{margin-bottom:.5rem}.home-hero{display:grid;gap:1.5rem;grid-template-columns:1.2fr .8fr;align-items:stretch;margin-top:1.5rem}.home-hero .panel{margin-top:0}@media(max-width:900px){.home-hero{grid-template-columns:1fr}.side-nav-rail{display:none}.app-main{padding:1rem}.field-row{grid-template-columns:1fr}.navbar-user-meta{display:none}}@media(max-width:640px){.app-navbar-inner{padding:.85rem 1rem}.brand-title-row{font-size:1.15rem}}.source-mode-toggle{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1rem}.source-mode-btn{flex:1 1 12rem;text-align:left;padding:.85rem 1rem;border:1px solid var(--border, #d0d5dd);border-radius:8px;background:var(--surface, #fff);cursor:pointer}.source-mode-btn.active{border-color:var(--accent, #1a5f4a);box-shadow:inset 0 0 0 1px var(--accent, #1a5f4a)}.source-mode-btn strong{display:block;margin-bottom:.25rem}.section-subhead{display:block;font-weight:600;margin-bottom:.35rem}.template-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem;margin:.75rem 0 1rem}.template-gallery-compact{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.template-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.85rem 1rem;border:1px solid var(--border, #d0d5dd);border-radius:8px;background:var(--surface, #fff);cursor:pointer;text-align:left}.template-card:hover{border-color:var(--accent-muted, #6b9e8c)}.template-card.selected{border-color:var(--accent, #1a5f4a);box-shadow:inset 0 0 0 1px var(--accent, #1a5f4a);background:color-mix(in srgb,var(--accent, #1a5f4a) 6%,white)}a.template-card{text-decoration:none;color:inherit}.template-card-cat{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, #667085)}.field-placement-palette{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .75rem}.field-palette-btn{padding:.4rem .75rem;border:1px solid var(--border, #d0d5dd);border-radius:6px;background:var(--surface, #fff);cursor:pointer;font-size:.875rem}.field-palette-btn:hover{border-color:var(--accent, #1a5f4a)}.field-palette-btn.active{border-color:var(--accent, #1a5f4a);background:color-mix(in srgb,var(--accent, #1a5f4a) 10%,white);font-weight:600}