@font-face{font-family:Momo Trust Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/momo-trust-display-vietnamese-400-normal-Ckp2GjmW.woff2)format("woff2"),url(/assets/momo-trust-display-vietnamese-400-normal-CftqFisF.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Momo Trust Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/momo-trust-display-latin-ext-400-normal-BMO4goVx.woff2)format("woff2"),url(/assets/momo-trust-display-latin-ext-400-normal-CqDSAbBN.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Momo Trust Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/momo-trust-display-latin-400-normal-y6xVpsUw.woff2)format("woff2"),url(/assets/momo-trust-display-latin-400-normal-CiZrxJFv.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:oklch(20% 0 0);--bg-raised:oklch(24% 0 0);--panel:oklch(28% 0 0);--ink:#d4d4d8;--ink-heading:#fafafa;--muted:#87878f;--line:#27272a;--primary:oklch(70% .21 165);--primary-deep:oklch(46% .11 165);--secondary:oklch(58% .16 165);--secondary-deep:oklch(46% .11 165);--accent:var(--primary);--accent-bright:var(--secondary);--accent-ink:var(--bg);--paper:#fff;--paper-ink:#111;--paper-brand:#0a0a0a;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:"Avenir Next", "Segoe UI", sans-serif;--font-logo:"Momo Trust Display", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);color:var(--ink);background-color:var(--bg)}.app-shell{flex-direction:column;max-width:1440px;height:100%;min-height:0;margin:0 auto;padding:1.5rem;display:flex;overflow:hidden}.app-header{color:var(--ink-heading);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1rem;display:flex}.brand-lockup{color:var(--ink-heading);align-items:center;gap:.85rem;display:flex}.brand-logo{flex-shrink:0;width:2.75rem;height:auto;display:block}.brand-text{flex-wrap:wrap;align-items:baseline;gap:.45rem .65rem;display:flex}.brand-sep{color:var(--ink-heading);opacity:1;-webkit-user-select:none;user-select:none;font-size:2rem;line-height:1}.brand-name{font-family:var(--font-logo);letter-spacing:-.02em;color:var(--ink-heading);text-transform:none;margin:0;font-size:clamp(1.55rem,2.6vw,2rem);font-weight:400;line-height:1}.app-header h1{font-family:var(--serif);color:var(--ink-heading);margin:0;font-size:clamp(1.55rem,2.6vw,2rem);font-weight:600;line-height:1}.header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.list-void-toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;font-size:.9rem;display:flex}.btn-primary,.btn-secondary{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.75rem 1.1rem;font-weight:600}.btn-primary{background:var(--accent);color:var(--bg);box-shadow:none}.btn-primary:hover:not(:disabled){background:var(--secondary)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.btn-secondary:hover{border-color:color-mix(in oklch, var(--accent) 45%, var(--line));background:color-mix(in oklch, var(--accent) 10%, transparent);color:var(--ink-heading)}.export-error{background:color-mix(in oklch, oklch(45% .16 25) 22%, var(--bg-raised));color:#f5b4ae;border:1px solid color-mix(in oklch, oklch(55% .18 25) 40%, var(--line));border-radius:.75rem;flex-shrink:0;margin:0 0 1rem;padding:.75rem 1rem;font-size:.92rem;line-height:1.4}.app-main{flex:1;grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:stretch;gap:1rem;min-height:0;display:grid;overflow:hidden}.form-pane,.preview-pane{background:var(--panel);border:1px solid var(--line);box-shadow:none;border-radius:1rem;min-height:0;overflow:hidden auto}.form-pane{background:var(--bg-raised);padding:1rem}.preview-pane{background:var(--bg-raised);flex-direction:column;padding:1rem 1.25rem 2rem;display:flex}.preview-toolbar{color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.preview-toolbar h2{color:var(--ink-heading);margin:0;font-size:1rem}.form-section+.form-section{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.25rem}.form-section-solo{border-top:0;margin-top:0;padding-top:0}.form-section h2{color:var(--ink-heading);margin:0 0 .75rem;font-size:1rem}.step-nav{flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem;display:flex}.step-tab{border:1px solid var(--line);background:var(--panel);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.82rem;font-weight:600;display:inline-flex}.step-tab:hover{border-color:color-mix(in oklch, var(--accent) 40%, var(--line));color:var(--ink)}.step-tab.is-active{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 14%, var(--panel));color:var(--accent)}.step-index{background:color-mix(in oklch, var(--accent) 16%, var(--panel));width:1.2rem;height:1.2rem;color:var(--accent);border-radius:999px;place-items:center;font-size:.72rem;display:inline-grid}.step-tab.is-active .step-index{background:var(--accent);color:var(--bg)}.step-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:flex}.step-progress{color:var(--muted);font-size:.85rem;font-weight:600}.step-actions .btn-secondary:disabled{opacity:.4;cursor:not-allowed}.checkbox-row{gap:.5rem;display:grid}.checkbox-row label{align-items:center;gap:.5rem;display:flex}.checkbox-group{border:0;margin:.9rem 0 0;padding:0}.checkbox-group legend{color:var(--muted);margin:0 0 .45rem;padding:0;font-size:.88rem}.form-note{color:var(--muted);margin:0 0 .65rem;font-size:.88rem;line-height:1.4}.btn-link{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:.15em;background:0 0;border:0;padding:0;font-size:.9rem;font-weight:600;text-decoration:underline}.avv-advanced{margin-top:.75rem}.item-list{margin-top:.9rem}.item-list-header{color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.88rem;display:flex}.quick-adds{flex-wrap:wrap;gap:.4rem;margin-bottom:.65rem;display:flex}.chip{border:1px solid var(--line);background:color-mix(in oklch, var(--accent) 10%, var(--panel));color:var(--accent);font:inherit;cursor:pointer;border-radius:999px;padding:.28rem .65rem;font-size:.8rem;font-weight:600}.chip:hover:not(:disabled){border-color:var(--accent);background:color-mix(in oklch, var(--accent) 16%, var(--panel))}.chip:disabled{opacity:.45;cursor:not-allowed}.item-rows{gap:.45rem;display:grid}.item-row{grid-template-columns:1fr auto;align-items:center;gap:.4rem;display:grid}.item-row input{border:1px solid var(--line);width:100%;font:inherit;background:var(--panel);color:var(--ink);border-radius:.55rem;padding:.55rem .65rem}.item-row input:focus{outline:2px solid color-mix(in oklch, var(--accent) 45%, transparent);outline-offset:1px;border-color:var(--secondary)}.btn-icon{border:1px solid var(--line);background:var(--panel);width:2.1rem;height:2.1rem;color:var(--muted);font:inherit;cursor:pointer;border-radius:.5rem;font-size:1.2rem;line-height:1}.btn-icon:hover{color:var(--ink-heading);border-color:var(--accent)}.field-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.field{gap:.3rem;font-size:.88rem;display:grid}.field-area{margin-top:.75rem}.field span,.field-hint{color:var(--muted)}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;font:inherit;background:var(--panel);color:var(--ink);border-radius:.55rem;padding:.55rem .65rem}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid color-mix(in oklch, var(--accent) 45%, transparent);outline-offset:1px;border-color:var(--secondary)}.checkbox-row input[type=checkbox]{accent-color:var(--accent)}.field textarea{resize:vertical;min-height:5rem}.preview-stack{gap:2rem;min-height:0;display:grid}.preview-empty{color:var(--muted);padding:2rem}.contract-doc{background:var(--paper);color:var(--paper-ink);border:1px solid #e5e5e5;border-radius:.5rem;padding:2rem 2.25rem}.contract-doc .brand-mark{font-family:var(--font-logo);letter-spacing:-.02em;text-transform:none;color:var(--paper-brand);align-items:center;gap:.55rem;margin:0 0 .85rem;font-size:1.15rem;font-weight:400;display:flex}.contract-doc .brand-mark img{flex-shrink:0;width:1.35rem;height:auto}.contract-doc h1{font-family:var(--serif);color:var(--paper-ink);margin:0 0 1.25rem;font-size:1.55rem;line-height:1.25}.contract-body h2{margin:1.4rem 0 .55rem;font-size:1.05rem}.contract-body p,.contract-body li{margin:.35rem 0;font-size:.95rem;line-height:1.55}.contract-body ul{margin:.35rem 0 .65rem;padding-left:1.35rem}.contract-body .clause-subpoints{margin:.15rem 0 .75rem;padding-left:2.7rem}.contract-body .clause-subpoints p{text-indent:-1.35rem;margin:.12rem 0;padding-left:1.35rem}.contract-body strong{font-weight:700}.signature-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;margin-top:2.5rem;display:grid}.signature-box{color:#333;flex-direction:column;gap:.45rem;font-size:.8rem;line-height:1.35;display:flex}.signature-line{border-top:1px solid #222;margin-top:3.25rem}.signature-fill{border-bottom:1px solid #222;align-items:flex-end;min-height:3.25rem;padding-bottom:.35rem;display:flex}.signature-text{font-family:var(--serif);color:#111;margin:0;font-size:1rem;line-height:1.3}.contract-doc-footer{color:#555;border-top:1px solid #e5e5e5;margin-top:2rem;padding-top:.75rem;font-size:.72rem;line-height:1.4}.contract-doc-footer p{margin:.1rem 0}@media (width<=980px){.app-main{grid-template-columns:1fr;overflow-y:auto}.app-header{flex-direction:column}.field-grid{grid-template-columns:1fr}}.login-shell{background:var(--bg);min-height:100%;color:var(--ink);place-items:center;padding:1.5rem;display:grid}.login-panel{background:var(--bg-raised);border:1px solid var(--line);border-radius:1rem;flex-direction:column;gap:1rem;width:min(100%,20rem);padding:1.25rem;display:flex}.login-loading{color:var(--muted);margin:0;font-size:.95rem}.login-field{color:var(--ink-heading);flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.login-field input{border:1px solid var(--line);font:inherit;background:var(--panel);color:var(--ink);border-radius:.65rem;padding:.8rem .9rem;font-weight:400}.login-field input:focus{outline:2px solid color-mix(in oklch, var(--accent) 45%, transparent);outline-offset:1px;border-color:var(--secondary)}.login-error{color:#f5b4ae;margin:0;font-size:.9rem}.login-submit{width:100%}.brand-lockup-link{color:inherit;text-decoration:none}a.btn-secondary,a.btn-primary{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.app-main-single{flex:1;min-height:0;overflow:auto}.app-main-readonly{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.preview-pane-readonly{flex:1;width:100%;max-width:900px;min-height:0;margin:0 auto}.demo-banner{border:1px solid color-mix(in oklch, var(--accent) 35%, var(--line));background:color-mix(in oklch, var(--accent) 12%, var(--bg-raised));color:var(--ink-heading);border-radius:.75rem;flex-shrink:0;margin:0 0 1rem;padding:.75rem 1rem;font-size:.92rem;line-height:1.4}.demo-chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;margin:0;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.contract-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.contract-list-item{border:1px solid var(--line);background:var(--bg-raised);border-radius:.85rem;grid-template-columns:1fr auto;align-items:center;gap:.65rem;padding:.85rem 1rem;display:grid}.contract-list-main{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;align-items:center;gap:.75rem 1rem;padding:0;display:grid}.contract-list-title{color:var(--ink-heading);font-weight:600}.contract-list-meta{color:var(--muted);font-size:.88rem}.contract-list-sign-link{white-space:nowrap}.contract-list-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.contract-list-delete{white-space:nowrap}.status-pill{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:999px;justify-content:center;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-pill-draft,.status-pill-ready{color:var(--muted)}.status-pill-sent{color:var(--accent);border-color:color-mix(in oklch, var(--accent) 40%, var(--line));background:color-mix(in oklch, var(--accent) 12%, var(--panel))}.status-pill-signed{color:#b6f3d2;border-color:color-mix(in oklch, var(--accent) 50%, var(--line));background:color-mix(in oklch, var(--accent) 18%, var(--panel))}.status-pill-void{color:#f5b4ae;border-color:color-mix(in oklch, oklch(55% .18 25) 40%, var(--line))}.list-empty{color:var(--muted);justify-items:start;gap:1rem;padding:2rem 0;display:grid}.send-summary h2{color:var(--ink-heading);margin:0 0 .75rem}.send-meta{gap:.85rem;margin:1rem 0;display:grid}.send-meta div{gap:.2rem;display:grid}.send-meta dt{color:var(--muted);font-size:.82rem}.send-meta dd{color:var(--ink-heading);margin:0;font-weight:600}.send-confirm-copy{color:var(--muted);margin:1rem 0 0;font-size:.9rem;line-height:1.45}.sign-shell{background:var(--bg);height:100%;max-height:100%;color:var(--ink);padding:1.25rem 1.5rem 2rem;overflow:hidden auto}.sign-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.sign-layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:1rem;display:grid}.sign-preview-pane{min-width:0}.sign-actions-pane{border:1px solid var(--line);background:var(--bg-raised);border-radius:1rem;gap:.85rem;padding:1rem;display:grid;position:sticky;top:1rem}.sign-actions-pane h2{color:var(--ink-heading);margin:0;font-size:1.05rem}.sign-actions-pane .field span{color:var(--ink)}.sign-check{color:var(--ink);align-items:flex-start;gap:.55rem;font-size:.9rem;line-height:1.4;display:flex}.sign-check input{accent-color:var(--accent);margin-top:.2rem}.sign-panel{border:1px solid var(--line);background:var(--bg-raised);border-radius:1rem;gap:.85rem;width:min(100%,28rem);margin:2rem auto;padding:1.25rem;display:grid}.sign-panel h1{color:var(--ink-heading);margin:0;font-size:1.45rem}.sign-success-panel{margin-bottom:1.25rem}.sign-success-actions{flex-wrap:wrap;gap:.65rem;display:flex}.sign-success-preview{max-width:900px;margin:0 auto}.sign-question-fab{z-index:40;flex-direction:column;align-items:flex-end;gap:.65rem;max-width:min(100vw - 2rem,22rem);display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.sign-question-chip{border:1px solid var(--line);background:var(--bg-raised);color:var(--ink-heading);font:inherit;cursor:pointer;box-shadow:none;border-radius:999px;padding:.55rem .95rem;font-size:.9rem;font-weight:600}.sign-question-chip:hover{border-color:color-mix(in oklch, var(--accent) 35%, var(--line))}.sign-question-panel{border:1px solid var(--line);background:var(--bg-raised);width:min(100vw - 2rem,22rem);color:var(--ink);border-radius:1rem;gap:.75rem;padding:.95rem 1rem 1rem;display:grid}.sign-question-panel-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sign-question-panel-header h2{color:var(--ink-heading);margin:0;font-size:1rem}.sign-question-close{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.15rem .35rem;font-size:1.35rem;line-height:1}.sign-question-success{color:var(--ink);margin:0;font-size:.92rem;line-height:1.45}@media (width<=980px){.contract-list-main{grid-template-columns:1fr;gap:.35rem}.contract-list-item,.sign-layout{grid-template-columns:1fr}.sign-actions-pane{position:static}.sign-question-fab{bottom:5.5rem;right:1rem}.sign-shell{padding-bottom:6.5rem}}@media print{html,body,#root{height:auto;overflow:visible}body{background:#fff}.no-print,.sign-question-fab{display:none!important}.app-shell,.preview-pane{max-width:none;height:auto;box-shadow:none;background:#fff;border:0;margin:0;padding:0;display:block;overflow:visible}.app-main,.form-pane,.preview-pane{height:auto;max-height:none;overflow:visible}.app-main{display:block}.contract-doc{break-after:page;border:0;border-radius:0;padding:0}.contract-doc:last-child{break-after:auto}}button,input,select,textarea{font:inherit}
