:root{--c-navy-950: #0b1326;--c-navy-900: #111d36;--c-navy-800: #1a2744;--c-navy-700: #233354;--c-navy-600: #2f4170;--c-blue-700: #1e4fd8;--c-blue-600: #2563eb;--c-blue-500: #3b82f6;--c-blue-100: #dbeafe;--c-blue-050: #eff5ff;--c-teal-800: #075e7b;--c-teal-700: #0891b2;--c-teal-500: #22b0d4;--c-teal-100: #cffafe;--c-teal-050: #ecfeff;--c-green-700: #047857;--c-green-600: #059669;--c-green-500: #10b981;--c-green-100: #d1fae5;--c-green-050: #ecfdf5;--c-amber-700: #b45309;--c-amber-600: #d97706;--c-amber-100: #fef3c7;--c-amber-050: #fffbeb;--c-red-700: #b91c1c;--c-red-600: #dc2626;--c-red-500: #ef4444;--c-red-100: #fee2e2;--c-red-050: #fef2f2;--c-ink-900: #0f172a;--c-ink-800: #1e293b;--c-ink-700: #334155;--c-ink-600: #475569;--c-ink-500: #64748b;--c-ink-400: #94a3b8;--c-ink-300: #cbd5e1;--c-ink-200: #e2e8f0;--c-ink-150: #eaeef4;--c-ink-100: #f1f5f9;--c-ink-050: #f8fafc;--c-paper: #ffffff;--font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, SFMono-Regular, monospace;--fs-body: 14px;--lh-base: 1.5;--tracking-cap: .08em;--r-scale: 1;--r-input: calc(4px * var(--r-scale));--r-card: calc(8px * var(--r-scale));--r-modal: calc(12px * var(--r-scale));--r-btn: calc(6px * var(--r-scale));--r-pill: 999px;--r-touch: calc(14px * var(--r-scale));--sh-1: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--sh-2: 0 4px 8px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);--sh-pop: 0 12px 32px rgba(15, 23, 42, .12), 0 2px 6px rgba(15, 23, 42, .08)}[data-theme=dark]{--c-paper: #16213b;--c-ink-050: #0d1424;--c-ink-100: #1c2942;--c-ink-150: #21304d;--c-ink-200: #2c3d5e;--c-ink-300: #3b4f76;--c-ink-400: #64769a;--c-ink-500: #93a3c2;--c-ink-600: #aab9d6;--c-ink-700: #c6d1e8;--c-ink-800: #e4eaf6;--c-ink-900: #f4f7fc;--c-blue-050: #16294d;--c-blue-100: #1d3a6b;--c-green-050: #0f2e2a;--c-green-100: #14463c;--c-amber-050: #2e2410;--c-amber-100: #463314;--c-red-050: #311722;--c-red-100: #4a1d28;--sh-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .36);--sh-2: 0 4px 8px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .4);--sh-pop: 0 12px 32px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-base);color:var(--c-ink-800);background:var(--c-ink-050);-webkit-font-smoothing:antialiased}#root{min-height:100vh}button{font-family:inherit}.mono{font-family:var(--font-mono)}.cap{font-size:11px;font-weight:600;letter-spacing:var(--tracking-cap);text-transform:uppercase;color:var(--c-ink-500)}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp .7s linear infinite;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}.logo{display:inline-flex;align-items:center;gap:10px}.logo .mark{width:30px;height:30px;border-radius:7px;background:var(--c-blue-600);display:grid;place-items:center;flex-shrink:0;box-shadow:0 2px 6px #2563eb59}.logo .wm{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--c-navy-800);line-height:1.1}[data-theme=dark] .logo .wm{color:var(--c-ink-900)}.logo .wm small{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink-500);font-weight:600;font-family:var(--font-mono);margin-top:1px}.status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px 3px 8px;border-radius:var(--r-pill);line-height:1.5;width:fit-content}.status .d{width:6px;height:6px;border-radius:50%;background:currentColor}.status.active{background:var(--c-blue-050);color:var(--c-blue-700)}.status.signed{background:var(--c-green-050);color:var(--c-green-700)}.pdf-canvas{display:block;border-radius:4px;box-shadow:var(--sh-1);background:#fff}.pdf-page-error{padding:40px;text-align:center;color:var(--c-red-700);background:var(--c-red-050);border-radius:var(--r-card)}.pdf-stage{position:relative;margin:0 auto}.field-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.sg-doc{background:var(--c-ink-100);border:1px solid var(--c-ink-200);border-radius:var(--r-card);padding:clamp(12px,4cqw,24px);display:grid;gap:14px;justify-items:center}.sg-field-mark{position:absolute;border:2px dashed var(--c-blue-500);background:#2563eb14;border-radius:4px;display:grid;place-items:center;color:var(--c-blue-700);font-size:11px;font-weight:600}.sg-field-mark.done{border-style:solid;border-color:var(--c-green-500);background:var(--c-green-050);color:var(--c-green-700)}.sg-field-mark img{width:100%;height:100%;object-fit:contain}.sg-textfield{width:100%;min-height:56px;font-size:18px;padding:14px 16px;border:1.5px solid var(--c-ink-300);border-radius:var(--r-touch);background:var(--c-paper);color:var(--c-ink-900)}.sg-textfield:focus{outline:none;border-color:var(--c-blue-600);box-shadow:0 0 0 3px var(--c-blue-100)}.toast-host{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:360px}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r-card);background:var(--c-navy-800);color:#fff;font-size:13px;font-weight:500;box-shadow:var(--sh-2);animation:toast-in .18s ease}.toast.success{background:var(--c-green-600)}.toast.error{background:var(--c-red-600)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sg-app{container-type:inline-size;background:var(--c-ink-050);min-height:100vh;display:flex;flex-direction:column;color:var(--c-ink-800);--sg-pad: 20px;--sg-gap: 16px}.sg-head{background:var(--c-paper);border-bottom:1px solid var(--c-ink-200);padding:12px var(--sg-pad);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;position:sticky;top:0;z-index:5}.sg-head .doc{display:flex;flex-direction:column;min-width:0}.sg-head-doc{display:none!important}@container (min-width: 620px){.sg-head-doc{display:flex!important;flex:1;text-align:center;align-items:center}}.sg-head .doc .lbl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-400);font-weight:600}.sg-head .doc .nm{font-size:14px;font-weight:600;color:var(--c-navy-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-body{flex:1;display:flex;flex-direction:column;padding:var(--sg-pad);gap:var(--sg-gap);overflow:auto}.sg-body.center{justify-content:center;align-items:center}.sg-wrap{width:100%;max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sg-gap)}.sg-steps{display:flex;align-items:center;gap:6px;justify-content:center;padding:4px 0}.sg-steps .st{width:28px;height:4px;border-radius:999px;background:var(--c-ink-200);transition:background .2s}.sg-steps .st.on{background:var(--c-blue-600)}.sg-steps .st.done{background:var(--c-green-600)}.sg-title{text-align:center;display:grid;gap:8px}.sg-title h1{margin:0;font-family:var(--font-display);font-weight:700;color:var(--c-navy-800);letter-spacing:-.02em;font-size:clamp(22px,5cqw,30px);line-height:1.15}.sg-title p{margin:0;color:var(--c-ink-500);font-size:clamp(14px,3.4cqw,16px);line-height:1.5}.sg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--r-touch);font-family:var(--font-body);font-weight:600;font-size:clamp(15px,3.6cqw,17px);min-height:56px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .12s,box-shadow .12s,transform .06s;width:100%}.sg-btn:active{transform:translateY(1px)}.sg-btn--cta{background:var(--c-blue-600);color:#fff;box-shadow:0 4px 14px #2563eb4d}.sg-btn--cta:hover{background:var(--c-blue-500)}.sg-btn--primary{background:var(--c-navy-800);color:#fff}.sg-btn--secondary{background:var(--c-paper);color:var(--c-navy-800);border-color:var(--c-ink-300)}.sg-btn--secondary:hover{background:var(--c-ink-050)}[data-theme=dark] .sg-btn--secondary,[data-theme=dark] .sg-btn--secondary:hover{color:var(--c-ink-900)}.sg-btn--ghost{background:transparent;color:var(--c-ink-600);min-height:48px}[data-theme=dark] .sg-btn--ghost{color:var(--c-ink-800)}.sg-btn--danger-ghost{background:transparent;color:var(--c-red-700);border-color:var(--c-red-100);min-height:48px}.sg-btn:disabled{opacity:.45;pointer-events:none}.sg-btn--lg{min-height:64px;font-size:clamp(16px,4cqw,19px)}.sg-actions{display:flex;flex-direction:column;gap:12px}.sg-card{background:var(--c-paper);border:1px solid var(--c-ink-200);border-radius:var(--r-modal);box-shadow:var(--sh-1);padding:clamp(24px,6cqw,40px);display:grid;gap:20px}.sg-shield{width:64px;height:64px;border-radius:var(--r-touch);background:var(--c-blue-050);color:var(--c-blue-600);display:grid;place-items:center;margin:0 auto}.sg-pin{display:flex;gap:10px;justify-content:center}.sg-pin input{width:clamp(44px,13cqw,58px);height:clamp(54px,15cqw,68px);text-align:center;font-family:var(--font-mono);font-size:clamp(22px,6cqw,28px);font-weight:600;border:1.5px solid var(--c-ink-300);border-radius:var(--r-input);background:var(--c-paper);color:var(--c-ink-900)}.sg-pin input:focus{outline:none;border-color:var(--c-blue-600);box-shadow:0 0 0 3px var(--c-blue-100)}.sg-pin input.filled{border-color:var(--c-blue-500);background:var(--c-blue-050)}.sg-pin input.err{border-color:var(--c-red-500);background:var(--c-red-050)}.sg-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-card);font-size:13px;line-height:1.45}.sg-note.info{background:var(--c-blue-050);color:var(--c-blue-700)}.sg-note.err{background:var(--c-red-050);color:var(--c-red-700)}.sg-note .ic{flex-shrink:0;margin-top:1px}.sg-counter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--c-paper);border:1px solid var(--c-ink-200);border-radius:var(--r-card)}.sg-counter .lab{font-size:13px;color:var(--c-ink-600)}.sg-counter .lab b{color:var(--c-navy-800);font-weight:700}.sg-padbox{display:grid;gap:14px}.sg-pad-frame{position:relative;background:var(--c-paper);border:2px solid var(--c-ink-300);border-radius:var(--r-touch);overflow:hidden;touch-action:none}.sg-pad-frame.empty{border-style:dashed}.sg-pad-frame canvas{display:block;width:100%;height:100%}.sg-pad-baseline{position:absolute;left:7%;right:7%;bottom:26%;border-bottom:1.5px solid var(--c-ink-300);pointer-events:none}.sg-pad-baseline:before{content:"✕";position:absolute;left:0;bottom:2px;color:var(--c-ink-400);font-size:14px}.sg-pad-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--c-ink-400);font-size:clamp(14px,3.6cqw,16px);pointer-events:none}.sg-pad-tools{display:flex;gap:10px}.sg-pad-tools .sg-btn{flex:1}.sg-fieldnav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.sg-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:600;border:1px solid var(--c-ink-200);background:var(--c-paper);color:var(--c-ink-500)}.sg-chip.on{border-color:var(--c-blue-600);background:var(--c-blue-050);color:var(--c-blue-700)}.sg-chip.done{border-color:var(--c-green-100);background:var(--c-green-050);color:var(--c-green-700)}.sg-success{width:84px;height:84px;border-radius:50%;background:var(--c-green-050);color:var(--c-green-600);display:grid;place-items:center;margin:0 auto}.sg-receipt{background:var(--c-paper);border:1px solid var(--c-ink-200);border-radius:var(--r-card);padding:18px;display:grid;gap:10px}.sg-receipt .rr{display:flex;justify-content:space-between;gap:12px;font-size:13px}.sg-receipt .rr .k{color:var(--c-ink-500)}.sg-receipt .rr .v{color:var(--c-ink-900);font-weight:600;text-align:right}.sg-loading{margin:auto;text-align:center;color:var(--c-ink-500);display:grid;gap:12px;justify-items:center}.sg-legal{min-height:100vh;background:var(--c-ink-050);display:flex;flex-direction:column;color:var(--c-ink-800)}.sg-legal-head-title{flex:1;text-align:center;font-size:14px;font-weight:600;color:var(--c-ink-600)}.sg-legal-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--c-ink-200);background:var(--c-paper);color:var(--c-ink-600);font-family:var(--font-body);font-size:13px;font-weight:500;padding:6px 12px;border-radius:var(--r-card);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .12s;flex-shrink:0}.sg-legal-back:hover{background:var(--c-ink-100)}.sg-legal-body{flex:1;padding:24px 16px}.sg-legal-article{max-width:740px;margin:0 auto;background:var(--c-paper);border:1px solid var(--c-ink-200);border-radius:var(--r-modal);box-shadow:var(--sh-1);padding:clamp(24px,5vw,52px);display:grid;gap:0}.sg-legal-article h1{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,4vw,26px);color:var(--c-navy-800);margin:0 0 6px;letter-spacing:-.02em}.sg-legal-meta{font-size:12px;color:var(--c-ink-400);margin:0 0 32px!important;padding-bottom:24px;border-bottom:1px solid var(--c-ink-100)}.sg-legal-article section{padding:20px 0;border-bottom:1px solid var(--c-ink-100);display:grid;gap:10px}.sg-legal-article section:last-child{border-bottom:none;padding-bottom:0}.sg-legal-article h2{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--c-navy-800);margin:0;letter-spacing:-.01em}.sg-legal-article p{font-size:14px;line-height:1.7;color:var(--c-ink-700);margin:0}.sg-legal-article ol,.sg-legal-article ul{padding-left:22px;display:grid;gap:6px;margin:0}.sg-legal-article li{font-size:14px;line-height:1.7;color:var(--c-ink-700)}.sg-legal-article ol{list-style:decimal}.sg-legal-article ul{list-style:disc}.sg-legal-article ol>li>ol{list-style:lower-alpha;margin-top:6px}.sg-legal-article a{color:var(--c-blue-600);text-decoration:underline}.sg-legal-foot{text-align:center;font-size:12px;color:var(--c-ink-400);padding:16px;border-top:1px solid var(--c-ink-100)}.sg-legal-foot a{color:var(--c-ink-500)}.sg-gate-foot{text-align:center;font-size:12px;color:var(--c-ink-400);padding:12px 0 4px}.sg-gate-foot a{color:var(--c-ink-500);text-decoration:underline}