:root{--brand-600:#0d61e0;--brand-700:#0b50ba;--brand-800:#093d8f;--violet-600:#09a8ed;--cyan-500:#09c7f2;--cyan-300:#07edf9;--brand-050:#e9f4fe;--brand-100:#d3e9fd;--ink-900:#1d1d1b;--ink-700:#334155;--ink-500:#64748b;--ink-300:#cbd5e1;--ink-200:#e2e8f0;--ink-100:#f1f5f9;--ink-050:#f8fafc;--green-600:#059669;--green-050:#ecfdf5;--amber-600:#b45309;--amber-050:#fffbeb;--red-600:#dc2626;--red-050:#fef2f2;--radius:16px;--grad-brand:linear-gradient(135deg, var(--brand-600), var(--brand-700));--shadow-sm:0 1px 2px #1d1d1b0f;--shadow-md:0 6px 20px #1d1d1b17;--shadow-lg:0 16px 40px #0d61e02e;--font:"Inter", "Segoe UI", system-ui, sans-serif;--font-head:"Poppins", "Inter", "Segoe UI", sans-serif;--mono:"JetBrains Mono", Consolas, monospace;--surface:#fff;--topbar-bg:#ffffffc7;--glow-1:var(--brand-050);--glow-2:#e6fbfe;--green-200:#a7f3d0;--amber-200:#fde68a;--red-200:#fecaca;--link:#0b5ac9;--fg-blue:#0b5ac9;--fg-green:#047857;--fg-amber:#92400e;--fg-red:#b91c1c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--surface:#26282d;--topbar-bg:#1d1d1bd9;--ink-900:#eef2f7;--ink-700:#c9d0da;--ink-500:#8d97a5;--ink-300:#474d58;--ink-200:#363a42;--ink-100:#2d3037;--ink-050:#1d1d1b;--brand-050:#12253f;--brand-100:#17365f;--green-050:#0c2e21;--green-200:#1d5d40;--amber-050:#33240b;--amber-200:#6b4a10;--red-050:#371518;--red-200:#6e2222;--glow-1:#10233c;--glow-2:#0b272d;--link:#6cb3ff;--fg-blue:#8ec2ff;--fg-green:#4ade80;--fg-amber:#fbbf24;--fg-red:#f87171;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 20px #00000073;--shadow-lg:0 16px 40px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:radial-gradient(1100px 480px at 90% -12%, var(--glow-1) 0%, transparent 60%), radial-gradient(800px 400px at -10% 110%, var(--glow-2) 0%, transparent 55%), var(--ink-050);color:var(--ink-900);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.02em;font-weight:700;font-family:var(--font-head)}code,.mono{font-family:var(--mono);font-size:.88em}::selection{background:var(--brand-100)}.topbar{z-index:40;background:var(--topbar-bg);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid var(--ink-200);justify-content:space-between;align-items:center;padding:12px 28px;display:flex;position:sticky;top:0}.brand{color:var(--ink-900);font-size:19px;font-weight:700;font-family:var(--font-head);align-items:center;gap:10px;display:flex;text-decoration:none!important}.brand .mark-img{object-fit:contain;width:34px;height:34px;transition:transform .2s;display:block}.brand:hover .mark-img{transform:rotate(-8deg)scale(1.08)}.topbar nav{align-items:center;gap:4px;display:flex}.topbar nav a{color:var(--ink-700);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .15s}.topbar nav a:hover{color:var(--link);background:var(--brand-050);text-decoration:none}.topbar nav a.active{color:var(--link);background:var(--brand-050)}.container{max-width:1080px;margin:32px auto;padding:0 20px}.card{background:var(--surface);border:1px solid var(--ink-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:18px;padding:24px 26px;transition:box-shadow .2s}.card h2,.card h3{margin-top:0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.page-head h2{margin:0;font-size:28px}.page-head .sub{color:var(--ink-500);margin-top:2px;font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.grid-2{grid-template-columns:1fr}}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}@media (width<=760px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--surface);border:1px solid var(--ink-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat .ic{width:42px;height:42px;color:var(--brand-600);background:var(--brand-050);border-radius:12px;flex:none;place-items:center;display:grid}.stat.good .ic{color:var(--green-600);background:var(--green-050)}.stat.warn .ic{color:var(--amber-600);background:var(--amber-050)}.stat.accent .ic{color:var(--violet-600);background:var(--glow-2)}.stat .n{letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:1.1}.stat .l{color:var(--ink-500);font-size:12.5px;font-weight:600}button,.btn{background:var(--grad-brand);color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .14s,box-shadow .14s,filter .14s;display:inline-flex;box-shadow:0 2px 10px #3b5bdb40;text-decoration:none!important}button:hover:not(:disabled),.btn:hover{filter:brightness(1.08);transform:translateY(-1.5px);box-shadow:0 6px 20px #3b5bdb61}button:active:not(:disabled),.btn:active{transform:translateY(0)scale(.98)}button:disabled{background:var(--ink-300);cursor:not-allowed;box-shadow:none}button:focus-visible,.btn:focus-visible,input:focus-visible{outline:3px solid var(--brand-100);outline-offset:1px}button.secondary,.btn.secondary{background:var(--surface);color:var(--ink-700);border:1px solid var(--ink-300);box-shadow:var(--shadow-sm)}button.secondary:hover:not(:disabled){border-color:var(--brand-600);color:var(--brand-600);filter:none;box-shadow:var(--shadow-md)}button.ghost{color:var(--ink-700);box-shadow:none;background:0 0;border:none}button.ghost:hover:not(:disabled){background:var(--ink-100);box-shadow:none;filter:none;transform:none}button.danger{background:linear-gradient(135deg, #ef4444, var(--red-600));box-shadow:0 2px 10px #dc262640}button.success{background:linear-gradient(135deg, #10b981, var(--green-600));box-shadow:0 2px 10px #0596694d}button.lg{border-radius:13px;padding:14px 30px;font-size:15px}button.sm{padding:6px 13px;font-size:13px}label{color:var(--ink-700);margin-bottom:5px;font-size:13px;font-weight:700;display:block}input,textarea,select{border:1.5px solid var(--ink-300);background:var(--surface);width:100%;color:var(--ink-900);border-radius:11px;margin:0 0 14px;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .14s,box-shadow .14s}input:focus,textarea:focus,select:focus{border-color:var(--brand-600);box-shadow:0 0 0 4px var(--brand-100);outline:none}input[type=checkbox]{width:17px;height:17px;accent-color:var(--brand-600);vertical-align:-3px;box-shadow:none;margin:0 8px 0 0}input[type=file]{background:var(--ink-050);padding:9px}.check-line{color:var(--ink-700);cursor:pointer;align-items:flex-start;gap:4px;margin:10px 0;font-size:14px;font-weight:500;display:flex}.check-line input{flex:none;margin-top:2px}.dropzone{border:2px dashed var(--ink-300);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--ink-050);color:var(--ink-500);margin-bottom:14px;padding:34px 20px;transition:all .18s}.dropzone:hover,.dropzone.over{border-color:var(--brand-600);background:var(--brand-050);color:var(--brand-700);box-shadow:inset 0 0 0 1px var(--brand-100)}.dropzone .dz-icon{background:var(--surface);width:52px;height:52px;color:var(--brand-600);box-shadow:var(--shadow-sm);border-radius:14px;place-items:center;margin:0 auto 10px;transition:transform .18s;display:grid}.dropzone:hover .dz-icon,.dropzone.over .dz-icon{transform:translateY(-3px)scale(1.05)}.dropzone b{color:var(--ink-700)}.doc-item{background:var(--ink-050);border:1px solid var(--ink-200);border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;animation:.25s rise;display:flex}.doc-item .di-icon{background:var(--brand-050);width:36px;height:36px;color:var(--brand-600);border-radius:10px;flex:none;place-items:center;display:grid}.doc-item .di-name{font-size:14px;font-weight:700}.doc-item .di-meta{color:var(--ink-500);font-size:12px;font-family:var(--mono)}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.badge.sent:before,.badge.viewed:before{animation:1.6s infinite pulse}@keyframes pulse{50%{opacity:.35}}.badge.draft{background:var(--ink-100);color:var(--ink-500)}.badge.sent{background:var(--amber-050);color:var(--fg-amber)}.badge.viewed{background:var(--brand-050);color:var(--fg-blue)}.badge.signed,.badge.completed{background:var(--green-050);color:var(--fg-green)}.badge.pending{background:var(--ink-100);color:var(--ink-500)}.badge.declined,.badge.cancelled{background:var(--red-050);color:var(--fg-red)}.error{color:var(--fg-red);background:var(--red-050);border:1px solid var(--red-200);border-radius:11px;margin:10px 0;padding:10px 14px;font-size:14px;animation:.3s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.notice-ok{color:var(--fg-green);background:var(--green-050);border:1px solid var(--green-200);border-radius:11px;margin:10px 0;padding:10px 14px;font-size:14px}.muted{color:var(--ink-500);font-size:13px}.hint{color:var(--ink-500);margin:6px 0 14px;font-size:13.5px}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-500);border-bottom:1px solid var(--ink-200);padding:10px 12px;font-size:11.5px;font-weight:800}td{text-align:left;border-bottom:1px solid var(--ink-100);padding:14px 12px;font-size:14px}tbody tr{transition:background .12s}tbody tr:hover{background:var(--brand-050)}tbody tr:last-child td{border-bottom:none}.filters{background:var(--surface);border:1px solid var(--ink-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-template-columns:1.4fr 1.2fr .9fr .8fr .8fr auto;align-items:end;gap:10px;margin-bottom:16px;padding:14px 16px;display:grid}@media (width<=900px){.filters{grid-template-columns:1fr 1fr}}.filters label{margin-bottom:4px;font-size:12px}.filters input,.filters select{margin:0;padding:9px 12px;font-size:13.5px}.filters .f-clear{padding:9px 14px}.f-search{position:relative}.f-search svg{color:var(--ink-500);pointer-events:none;position:absolute;bottom:10px;left:11px}.f-search input{padding-left:34px}.results-count{color:var(--ink-500);margin:0 0 10px 4px;font-size:13px}.avatar{letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid}.avatar-stack{align-items:center;display:flex}.avatar-stack .avatar{box-shadow:0 0 0 2px var(--surface);margin-right:-8px}.avatar-stack.clickable{cursor:pointer;border-radius:10px;margin:-4px -6px;padding:4px 6px;transition:background .14s}.avatar-stack.clickable:hover{background:var(--brand-050)}.popover-anchor{display:inline-block;position:relative}.popover{z-index:30;background:var(--surface);border:1px solid var(--ink-200);box-shadow:var(--shadow-lg);border-radius:14px;min-width:280px;padding:10px;animation:.16s cubic-bezier(.22,1,.36,1) popIn;position:absolute;top:calc(100% + 8px);left:0}.popover .po-row{border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.popover .po-row:hover{background:var(--ink-050)}.popover .po-name{font-size:13.5px;font-weight:700;line-height:1.25}.popover .po-mail{color:var(--ink-500);font-size:12px}.progress{background:var(--ink-100);border-radius:999px;width:120px;height:7px;overflow:hidden}.progress-fill{background:var(--grad-brand);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.steps{background:var(--surface);border:1px solid var(--ink-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);gap:0;margin-bottom:24px;display:flex;overflow:hidden}.steps span{text-align:center;color:var(--ink-500);border-right:1px solid var(--ink-200);flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 6px;font-size:13px;font-weight:700;transition:background .2s;display:flex;position:relative}.steps span:last-child{border-right:none}.steps span i{background:var(--ink-100);width:23px;height:23px;color:var(--ink-500);border-radius:50%;flex:none;place-items:center;font-size:12px;font-style:normal;transition:all .2s;display:inline-grid}.steps span.active{color:var(--brand-700);background:var(--brand-050)}.steps span.active i{background:var(--grad-brand);color:#fff;transform:scale(1.12)}.steps span.done{color:var(--green-600)}.steps span.done i{background:var(--green-050);color:var(--green-600)}@media (width<=640px){.steps span em{display:none}}.steps span em{font-style:normal}.pdf-stage{text-align:center;background:var(--ink-100);border-radius:var(--radius);border:1px solid var(--ink-200);padding:26px 16px;overflow:auto}.pdf-wrap{margin:0 auto 20px;display:inline-block;position:relative}.pdf-wrap canvas{box-shadow:var(--shadow-lg);border-radius:6px;display:block}.field-box{border:2px dashed var(--brand-600);color:var(--brand-700);cursor:move;-webkit-user-select:none;user-select:none;text-align:center;background:#3b5bdb1a;border-radius:7px;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:box-shadow .14s;animation:.18s popIn;display:flex;position:absolute;overflow:hidden}.field-box:hover{box-shadow:0 0 0 4px #3b5bdb2e}.field-box .del{background:var(--red-600);color:#fff;cursor:pointer;width:18px;height:18px;box-shadow:none;border:none;border-radius:0 0 0 7px;padding:0;font-size:11px;line-height:1;position:absolute;top:0;right:0}.field-box .del:hover{filter:brightness(1.15);transform:none}.field-box.mine{border-color:var(--green-600);color:var(--green-600);cursor:pointer;background:#0596691f}.field-box.mine:hover{box-shadow:0 0 0 4px #05966933}.field-box.done{background:#0596690d;border-style:solid}.field-box img{max-width:100%;max-height:100%}.palette{flex-wrap:wrap;gap:8px;display:flex}.timeline{margin:14px 0 0;padding:0;list-style:none}.timeline li{gap:14px;padding:0 0 22px;display:flex;position:relative}.timeline li:last-child{padding-bottom:4px}.timeline li:before{content:"";background:linear-gradient(var(--ink-200), var(--ink-200));width:2px;position:absolute;top:0;bottom:0;left:17px}.timeline li:first-child:before{top:18px}.timeline li:last-child:before{height:18px;bottom:auto}.timeline li:first-child:last-child:before{display:none}.tl-icon{z-index:1;background:var(--brand-050);width:36px;height:36px;color:var(--brand-600);border:1px solid var(--brand-100);box-shadow:0 0 0 4px var(--surface);border-radius:12px;flex:none;place-items:center;display:grid;position:relative}.tl-icon.good{background:var(--green-050);color:var(--fg-green);border-color:var(--green-200)}.tl-icon.bad{background:var(--red-050);color:var(--fg-red);border-color:var(--red-200)}.tl-icon.warn{background:var(--amber-050);color:var(--fg-amber);border-color:var(--amber-200)}.tl-body{flex:1;min-width:0;padding-top:2px}.tl-title{font-size:14px;font-weight:700}.tl-meta{color:var(--ink-500);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:12.5px;display:flex}.tl-chip{background:var(--ink-100);color:var(--ink-700);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;max-width:280px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.tl-hash{font-family:var(--mono);color:var(--ink-500);background:var(--ink-050);border:1px solid var(--ink-200);cursor:pointer;border-radius:7px;padding:2px 8px;font-size:11px;transition:all .14s}.tl-hash:hover{color:var(--link);border-color:var(--brand-100);background:var(--brand-050)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0b12208c;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:540px;max-width:94vw;box-shadow:var(--shadow-lg);border-radius:20px;padding:28px;animation:.2s cubic-bezier(.22,1,.36,1) popIn}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.95)translateY(8px)}}.sig-canvas{border:2px dashed var(--ink-300);touch-action:none;background:#fff;border-radius:14px;width:100%;height:190px}.auth-wrap{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}@media (width<=860px){.auth-wrap{grid-template-columns:1fr}.auth-hero{display:none}}.auth-hero{background:linear-gradient(158deg, var(--brand-600) 0%, var(--brand-800) 55%, #1d1d1b 130%);color:#fff;flex-direction:column;justify-content:center;padding:56px;display:flex;position:relative;overflow:hidden}.auth-hero:before,.auth-hero:after{content:"";filter:blur(70px);opacity:.45;border-radius:50%;animation:9s ease-in-out infinite alternate float;position:absolute}.auth-hero:before{background:var(--cyan-500);width:380px;height:380px;top:-120px;right:-100px}.auth-hero:after{background:var(--cyan-300);opacity:.3;width:300px;height:300px;animation-delay:-4s;bottom:-80px;left:-60px}@keyframes float{to{transform:translate(30px,24px)scale(1.12)}}.auth-hero>*{z-index:1;position:relative}.auth-hero h1{margin:20px 0 10px;font-size:36px;line-height:1.18}.auth-hero p{color:#e3eaff;max-width:430px;font-size:15px}.auth-hero ul{gap:14px;margin-top:30px;padding:0;list-style:none;display:grid}.auth-hero li{color:#e0e7ff;align-items:center;gap:12px;font-size:14px;line-height:1.45;display:flex}.auth-hero li .ic{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff21;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.auth-hero li .ic svg{display:block}.auth-panel{justify-content:center;align-items:center;padding:40px 24px;display:flex}.auth-box{width:410px;max-width:100%}.auth-box .card{box-shadow:var(--shadow-md);border-radius:22px;padding:34px}.center{text-align:center}.empty{text-align:center;color:var(--ink-500);padding:52px 20px}.empty .glyph{background:var(--brand-050);width:76px;height:76px;color:var(--brand-600);border-radius:22px;place-items:center;margin:0 auto 14px;display:grid}.empty h3{color:var(--ink-700);margin:0 0 6px}.sign-hero{background:linear-gradient(135deg, var(--brand-600), var(--brand-800) 70%, #1d1d1b 140%);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:22px 28px;display:flex;position:relative;overflow:hidden}.sign-hero:before{content:"";background:var(--cyan-500);filter:blur(80px);opacity:.4;border-radius:50%;width:300px;height:300px;position:absolute;top:-140px;right:-80px}.sign-hero>*{position:relative}.sign-hero .brand,.sign-hero button.ghost{color:#fff}.sign-hero button.ghost:hover:not(:disabled){background:#ffffff29}.step-card{border-left:4px solid var(--brand-600)}.step-card.done-card{border-left-color:var(--green-600)}.selfie-preview{border:1px solid var(--ink-200);border-radius:12px;height:84px}.toaster{z-index:90;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{color:#f1f5f9;box-shadow:var(--shadow-lg);background:#101827;border-radius:13px;align-items:center;gap:10px;max-width:380px;padding:12px 18px;font-size:14px;font-weight:600;animation:.25s cubic-bezier(.22,1,.36,1) toastIn;display:flex}.toast.success svg{color:#34d399}.toast.error svg{color:#f87171}.toast.info svg{color:#93c5fd}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)scale(.96)}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;animation:2.6s ease-in forwards confetti-fall;position:absolute;top:-12px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(460px)rotate(540deg)}}.success-pop{background:var(--green-050);width:84px;height:84px;color:var(--green-600);border-radius:50%;place-items:center;margin:0 auto 14px;animation:.5s cubic-bezier(.22,1.4,.36,1) popBig;display:grid}@keyframes popBig{0%{transform:scale(0)}70%{transform:scale(1.15)}}.theme-float{z-index:60;position:fixed;top:14px;right:16px}.theme-float button{background:var(--surface);border:1px solid var(--ink-200);color:var(--ink-700);box-shadow:var(--shadow-md);border-radius:50%;width:40px;height:40px;padding:0}.theme-float button:hover:not(:disabled){background:var(--brand-050);transform:none}@media (width<=640px){.sign-actions{z-index:20;background:var(--surface);border:1px solid var(--ink-200);box-shadow:var(--shadow-lg);border-radius:14px;padding:10px;position:sticky;bottom:10px}}.field-box:focus-visible{outline:3px solid var(--brand-100);outline-offset:2px}.skeleton{background:linear-gradient(90deg, var(--ink-100) 25%, var(--ink-200) 50%, var(--ink-100) 75%);background-size:200% 100%;border-radius:6px;height:14px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.fadein{animation:.3s cubic-bezier(.22,1,.36,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}