:root{--color-paper:#f3f8fc;--color-surface:#fff;--color-surface-2:#f9fafb;--color-ink:#323c4d;--color-ink-2:#646e82;--color-muted:#8790a4;--color-rule:#e7e9ed;--color-rule-strong:#ccd2db;--color-accent:#1075dc;--color-accent-strong:#0158ae;--color-accent-soft:#dcf2fa;--color-accent-ink:#fff;--color-focus:#48aff0;--color-link:#348dcf;--color-danger:#e32d2d;--color-danger-soft:#f8e8e8;--color-success:#1f7931;--color-success-soft:#cef2d5;--color-warning:#8c6500;--color-warning-soft:#feefcb;--font-body:system-ui, -apple-system, Roboto, Oxygen, Cantarell, Ubuntu, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs:12px;--text-sm:13px;--text-md:15px;--text-lg:20px;--text-xl:24px;--text-display:32px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-input:4px;--radius-card:6px;--radius-pill:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-short:.12s}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(97.3447% -1.31074 -2.64007);--color-surface:lab(100% 0 0);--color-surface-2:lab(98.2133% -.210196 -.600767);--color-ink:lab(24.9521% -.67921 -11.8527);--color-ink-2:lab(46.1316% -.370592 -12.4526);--color-muted:lab(59.5571% -.119984 -11.7666);--color-rule:lab(92.2734% -.154197 -2.19258);--color-rule-strong:lab(83.9276% -.841618 -5.22532);--color-accent:lab(48.5157% 3.99575 -61.1435);--color-accent-strong:lab(37.0525% 4.8676 -53.111);--color-accent-soft:lab(94.0439% -6.31103 -6.46365);--color-accent-ink:lab(100% 0 0);--color-focus:lab(67.6234% -14.9653 -41.9186);--color-link:lab(55.5704% -9.71234 -42.4143);--color-danger:lab(50.8348% 68.1713 47.5641);--color-danger-soft:lab(93.2879% 5.59926 2.05143);--color-success:lab(44.5118% -39.1841 30.999);--color-success-soft:lab(92.3215% -16.1887 9.96883);--color-warning:lab(45.8591% 10.6592 52.5974);--color-warning-soft:lab(94.9673% 1.102 19.4281)}}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}html{height:100%}body{background:var(--color-paper);min-height:100%;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-sm);-webkit-font-smoothing:antialiased;line-height:20px}h1{font-size:var(--text-xl);overflow-wrap:anywhere;min-width:0;font-weight:500;line-height:32px}h2{font-size:var(--text-md);font-weight:600;line-height:24px}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;border-radius:2px}code{font-family:var(--font-mono);font-size:var(--text-xs)}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-rule);padding:0 var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);height:48px;display:flex}.wordmark{font-size:var(--text-md);letter-spacing:-.01em;color:var(--color-ink);white-space:nowrap;align-items:baseline;gap:6px;font-weight:650;display:inline-flex}.wordmark .tick{background:var(--color-accent);border-radius:2px;flex:none;align-self:center;width:8px;height:8px}.topbar-user{color:var(--color-ink-2);font-size:var(--text-xs);align-items:center;gap:var(--space-xs);white-space:nowrap;min-width:0;display:inline-flex}.topbar-user .email{text-overflow:ellipsis;overflow:hidden}.page{max-width:820px;padding:var(--space-xl) var(--space-lg) var(--space-2xl);margin:0 auto}.card{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-lg)}.section-title{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-2);margin-bottom:var(--space-sm);font-weight:600}.table-scroll{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-card);overflow-x:auto}table.docs{border-collapse:collapse;width:100%;font-size:var(--text-sm)}table.docs th{text-align:left;font-size:var(--text-xs);color:var(--color-ink-2);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-rule);white-space:nowrap;font-weight:600}table.docs td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-rule);vertical-align:middle}table.docs tbody tr:last-child td{border-bottom:none}table.docs tbody tr:hover td{background:var(--color-surface-2)}.empty{color:var(--color-muted);padding:var(--space-xl) var(--space-md);text-align:center}.badge{font-size:var(--text-xs);border-radius:var(--radius-pill);white-space:nowrap;padding:1px 8px;font-weight:600;line-height:16px;display:inline-block}.badge-pending{background:var(--color-warning-soft);color:var(--color-warning)}.badge-signed{background:var(--color-success-soft);color:var(--color-success)}.field-label{font-size:var(--text-xs);color:var(--color-ink-2);margin-bottom:var(--space-2xs);font-weight:600;display:block}.input{font:inherit;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-rule-strong);border-radius:var(--radius-input);width:100%;max-width:360px;padding:5px 10px}.input::placeholder{color:var(--color-muted)}.input:hover{border-color:var(--color-ink-2)}.input:focus-visible{outline:2px solid var(--color-focus);outline-offset:0;border-color:var(--color-accent)}.input:disabled{background:var(--color-surface-2);color:var(--color-muted)}.file-input{font-size:var(--text-sm);color:var(--color-ink-2)}.file-input::file-selector-button{font:inherit;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-rule-strong);border-radius:var(--radius-input);margin-right:var(--space-sm);cursor:pointer;padding:4px 12px;font-weight:600}.file-input::file-selector-button:hover{background:var(--color-surface-2)}.checkbox-row{align-items:center;gap:var(--space-xs);color:var(--color-ink-2);cursor:pointer;display:flex}.checkbox-row input{accent-color:var(--color-accent);width:14px;height:14px}.checkbox-row input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.btn{font:inherit;white-space:nowrap;border-radius:var(--radius-input);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);text-align:center;border:1px solid #0000;padding:6px 16px;font-weight:600;display:inline-block}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.btn:active{transform:translateY(1px)}.btn:disabled{background:var(--color-surface-2);color:var(--color-muted);border-color:var(--color-rule);cursor:not-allowed;transform:none}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn-primary:hover{background:var(--color-accent-strong)}.btn-secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-rule-strong)}.btn-secondary:hover{background:var(--color-surface-2)}.callout{border-radius:var(--radius-card);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.callout-danger{background:var(--color-danger-soft);color:var(--color-danger);border:1px solid color-mix(in oklch, var(--color-danger) 25%, transparent)}.callout-sign{background:var(--color-accent-soft);border:1px solid color-mix(in oklch, var(--color-accent) 20%, transparent);align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.callout-sign .hint{color:var(--color-ink-2);font-size:var(--text-xs)}.pdf-frame{border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-surface);width:100%;height:70vh}.meta-line{color:var(--color-ink-2);font-size:var(--text-sm);align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.gate{min-height:calc(100vh - 48px);padding:var(--space-2xl) var(--space-lg);place-items:start center;display:grid}.gate-card{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-xl);gap:var(--space-md);width:100%;max-width:380px;margin-top:var(--space-2xl);display:grid}.gate-card h1{font-size:var(--text-lg);line-height:28px}.gate-card p{color:var(--color-ink-2)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:480px){.topbar{padding:0 var(--space-md)}.page{padding:var(--space-lg) var(--space-md) var(--space-xl)}.input{max-width:100%}}
