:root{--color-bg:#f6f6f9;--color-surface:#fff;--color-surface-2:#f1f1f5;--color-border:#e3e3ea;--color-text:#17171f;--color-text-muted:#6b6b7b;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-soft:#eef0ff;--color-danger:#dc2626;--color-danger-soft:#fdecec;--color-success:#15803d;--color-success-soft:#e8f6ee;--color-warning:#b45309;--color-warning-soft:#fdf4e3;--color-info:#2563eb;--color-info-soft:#e8f0fe;--color-todo:#fde68a;--color-todo-border:#d97706;--color-page-canvas:#e7e7ee;--shadow-sm:0 1px 2px #1010200f;--shadow-md:0 8px 28px #10102024;--radius:10px;--header-h:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--color-bg:#111117;--color-surface:#1a1a22;--color-surface-2:#23232d;--color-border:#2f2f3b;--color-text:#ececf2;--color-text-muted:#9a9aab;--color-primary:#7c78f5;--color-primary-hover:#918df8;--color-primary-soft:#26254a;--color-danger:#f26b6b;--color-danger-soft:#3a1f22;--color-success:#4ade80;--color-success-soft:#173323;--color-warning:#f0b45a;--color-warning-soft:#3a2c16;--color-info:#7aa7ff;--color-info-soft:#1d2a45;--color-todo:#f6d672;--color-page-canvas:#0c0c11;--shadow-md:0 8px 28px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px}h1{margin:0;font-size:22px;line-height:1.25}h2{margin:0;font-size:16px}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;min-width:0;padding:8px 10px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}textarea{resize:vertical}.muted{color:var(--color-text-muted)}.small{font-size:12px}.strong{font-weight:600}.center{text-align:center}.right{text-align:right}.error-text{color:var(--color-danger);margin:0}.success-text{color:var(--color-success);margin:0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row--between{justify-content:space-between}.stack{flex-direction:column;gap:12px;display:flex}.stack--tight{gap:4px}.big-number{margin-right:6px;font-size:28px;font-weight:700}.plain-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--danger{color:var(--color-danger)}.btn--danger:not(.btn--ghost){background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn--danger:not(.btn--ghost):hover:not(:disabled){background:var(--color-danger);filter:brightness(.92)}.btn--ghost{background:0 0;border-color:#0000}.btn--sm{padding:5px 10px;font-size:12px}.btn--block{width:100%}.icon-btn{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.field{flex-direction:column;gap:5px;display:flex}.field>span:first-child{color:var(--color-text-muted);font-size:12px;font-weight:600}.field--inline{flex-flow:wrap;align-items:center;gap:10px}.checkbox{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.checkbox input{width:16px;height:16px;accent-color:var(--color-primary)}.checkbox--top{align-items:flex-start}.checkbox--top input{flex-shrink:0;margin-top:2px}.badge{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-block}.badge--neutral{background:var(--color-surface-2);color:var(--color-text-muted)}.badge--info{background:var(--color-info-soft);color:var(--color-info)}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.notice{border-radius:var(--radius);background:var(--color-info-soft);color:var(--color-info);align-items:center;gap:8px;margin-bottom:14px;padding:11px 14px;font-size:13px;display:flex}.notice--success{background:var(--color-success-soft);color:var(--color-success)}.notice--danger{background:var(--color-danger-soft);color:var(--color-danger)}.notice--warning{background:var(--color-warning-soft);color:var(--color-warning)}.brand{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.brand__mark{background:var(--color-primary);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:inline-flex}.brand--lg{margin-bottom:18px;font-size:18px}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-header{height:var(--header-h);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:20;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}.app-header__user{align-items:center;gap:10px;font-size:13px;display:flex}.avatar{background:var(--color-primary-soft);width:30px;height:30px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.app-body{flex:1;min-height:0;display:flex}.app-nav{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex-shrink:0;gap:2px;width:200px;padding:14px 10px;display:flex}.app-nav a{color:var(--color-text-muted);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;display:flex}.app-nav a:hover{background:var(--color-surface-2);color:var(--color-text);text-decoration:none}.app-nav a.active{background:var(--color-primary-soft);color:var(--color-primary)}.app-main{flex:1;min-width:0}.page{max-width:1100px;margin:0 auto;padding:24px}.page--narrow{max-width:820px}.page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page__footer{justify-content:flex-end;margin-top:8px;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:18px}.card__title{margin-bottom:14px}.empty{text-align:center;color:var(--color-text-muted);padding:48px 16px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tabs{border-bottom:1px solid var(--color-border);gap:4px;margin-bottom:14px;display:flex}.toolbar .tabs{border-bottom:none;margin-bottom:0}.tabs--scroll{scrollbar-width:none;max-width:100%;overflow-x:auto}.tab{font:inherit;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500}.tabs:not(.tabs--scroll) .tab{border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px}.tab:hover{color:var(--color-text)}.tab--active{color:var(--color-primary);background:var(--color-primary-soft)}.tabs:not(.tabs--scroll) .tab--active{border-bottom-color:var(--color-primary);background:0 0}.tab__count{opacity:.7;margin-left:3px;font-size:11px}.search{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:flex}.search input{background:0 0;border:none;width:200px;padding:8px 0}.search input:focus{outline:none}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:10px 14px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--color-border);padding:12px 14px}.table tr:last-child td{border-bottom:none}.table:not(.table--static) tbody tr{cursor:pointer}.table:not(.table--static) tbody tr:hover{background:var(--color-surface-2)}.auth-page{justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:400px;box-shadow:var(--shadow-sm);border-radius:14px;padding:28px}.auth-card h1{margin-bottom:6px}.auth-card form{margin-top:18px}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:16px;font-size:13px;display:flex}.modal-overlay{z-index:100;background:#0a0a1480;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);width:100%;max-height:calc(100vh - 32px);box-shadow:var(--shadow-md);border-radius:14px;flex-direction:column;gap:12px;padding:22px;display:flex;overflow-y:auto}.modal__header{justify-content:space-between;align-items:center;display:flex}.modal__actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.dropzone{text-align:center;border:2px dashed var(--color-border);border-radius:var(--radius);cursor:pointer;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:4px;padding:26px 16px;display:flex}.dropzone:hover,.dropzone--over{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.doc-row{background:var(--color-surface-2);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.doc-row .strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.recipient-row{background:var(--color-surface-2);border-left:4px solid;border-radius:8px;grid-template-columns:1fr 1.3fr 150px 32px;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:grid}.recipient-row:has(.recipient-row__order){grid-template-columns:56px 1fr 1.3fr 150px 32px}.recipient-row__order{text-align:center;width:56px}.editor{height:calc(100vh - var(--header-h));flex-direction:column;display:flex}.editor__bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:10px 16px;display:flex}.editor__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.editor__error{background:var(--color-danger-soft);color:var(--color-danger);padding:10px 16px;font-size:13px}.editor__body{flex:1;min-height:0;display:flex}.editor__palette{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:10px;width:220px;padding:14px;display:flex;overflow-y:auto}.palette__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-top:6px;font-size:11px;font-weight:600}.palette__fields{flex-direction:column;gap:4px;display:flex}.palette__field{font:inherit;text-align:left;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:grab;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.palette__field:hover{border-color:var(--color-primary)}.palette__field--armed{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.palette__problems ul{color:var(--color-warning);margin:6px 0 0;padding-left:18px;font-size:12px}.recipient-chip{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.recipient-chip--active{border-color:var(--chip);box-shadow:inset 3px 0 0 var(--chip)}.recipient-chip__dot{background:var(--chip);border-radius:50%;flex-shrink:0;width:10px;height:10px}.recipient-chip__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.recipient-chip__count{color:var(--color-text-muted);font-size:11px}.editor__canvas,.sign-canvas{background:var(--color-page-canvas);flex:1;min-width:0;padding:20px;overflow:auto}.editor__canvas--armed .pdf-page{cursor:crosshair}.editor__doc{width:fit-content;max-width:100%;margin:0 auto 24px}.editor__doc-name{margin-bottom:8px;font-weight:600}.editor__props{background:var(--color-surface);border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:12px;width:240px;padding:14px;display:flex;overflow-y:auto}.save-state{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.save-state--error{color:var(--color-danger)}.pdf-viewer{flex-direction:column;align-items:center;gap:16px;display:flex}.pdf-page-label{color:var(--color-text-muted);margin-bottom:4px;font-size:11px}.pdf-page{box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#fff;position:relative}.pdf-page__canvas{width:100%;height:100%;position:absolute;inset:0}.pdf-page__loading{color:#999;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pdf-error{color:var(--color-danger);padding:24px}.placed-field{border:1.5px solid var(--field);cursor:move;touch-action:none;background:color-mix(in srgb, var(--field) 16%, transparent);border-radius:4px;align-items:center;display:flex;position:absolute;overflow:hidden}.placed-field--selected{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--field);z-index:2}.placed-field__label{color:var(--field);white-space:nowrap;pointer-events:none;align-items:center;gap:4px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.placed-field__handle{background:var(--field);cursor:nwse-resize;border-radius:2px 0 3px;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.recipient-status{background:var(--color-surface-2);border-left:4px solid;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.recipient-status__order{background:var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.recipient-status__who{overflow-wrap:anywhere;flex:1;min-width:0}.recipient-status__state{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.timeline{border-left:2px solid var(--color-border);flex-direction:column;gap:12px;margin:0;padding:0 0 0 14px;list-style:none;display:flex}.timeline li{position:relative}.timeline li:before{content:"";background:var(--color-surface);border:2px solid var(--color-primary);border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-20px}.timeline .small{overflow-wrap:anywhere}.font-choices{grid-template-columns:1fr;gap:6px;display:grid}.font-choice{text-align:left;color:#1b2a6b;border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:8px;padding:8px 14px;font-size:32px;overflow:hidden}.font-choice--active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.draw-canvas{border:1px dashed var(--color-border);touch-action:none;background:#fff;border-radius:8px;width:100%}.upload-preview{background:#fff;border-radius:8px;align-self:flex-start;max-width:100%;max-height:120px;padding:8px}.sign-shell{flex-direction:column;min-height:100%;display:flex}.sign-header{height:var(--header-h);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.sign-center{flex:1;justify-content:center;align-items:center;padding:24px 16px;display:flex}.sign-card{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:440px;box-shadow:var(--shadow-sm);border-radius:14px;padding:26px}.sign-card.center{flex-direction:column;align-items:center;gap:10px;display:flex}.otp-input{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:24px}.sign-bar{z-index:10;background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.sign-bar__title{flex-direction:column;flex:1;min-width:0;display:flex}.sign-bar__title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sign-message{background:var(--color-primary-soft);white-space:pre-line;padding:10px 16px;font-size:13px}.sign-canvas{padding-bottom:90px}.sign-field{font:inherit;color:#1b2a6b;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:0 4px;line-height:1;transition:box-shadow .2s;display:flex;position:absolute}.sign-field--todo{background:var(--color-todo);border:1.5px solid var(--color-todo-border);color:#6b3d00;cursor:pointer;font-weight:700}.sign-field--todo:hover{filter:brightness(1.05)}.sign-field--stamped{cursor:pointer;background:0 0;border:1px dashed #0000;padding:0}.sign-field--stamped:hover{border-color:#aaa}.sign-field--stamped img{max-width:100%;max-height:100%}.sign-field--input{color:#1b2a6b;background:#fde68a59;border:1px solid #c9a227;justify-content:flex-start;padding:0 5px}.sign-field--check{cursor:pointer;background:#fde68a59;border:1px solid #c9a227;padding:0}.sign-field--check input{accent-color:#1b2a6b;width:80%;height:80%;margin:0}.sign-field--required{border-color:var(--color-todo-border)}.sign-field--auto{color:#1b2a6b;white-space:nowrap;background:#4f46e50f;justify-content:flex-start;overflow:hidden}.sign-field--pulse{box-shadow:0 0 0 4px #d977068c}.next-field{z-index:15;font:inherit;background:var(--color-todo);color:#6b3d00;box-shadow:var(--shadow-md);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:11px 20px;font-weight:700;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=760px){.hide-sm{display:none!important}.page{padding:16px}.app-body{flex-direction:column}.app-nav{border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;width:auto;padding:6px 8px;overflow-x:auto}.app-nav a{padding:7px 10px}:is(.recipient-row,.recipient-row:has(.recipient-row__order)){grid-template-columns:1fr 32px}.recipient-row>input:not(.recipient-row__order),.recipient-row>select{grid-column:1}.recipient-row>.icon-btn{grid-area:1/2}.recipient-row__order{grid-column:1}.search input{width:140px}.editor{height:auto;min-height:calc(100vh - var(--header-h))}.editor__body{flex-direction:column}.editor__palette{border-right:none;border-bottom:1px solid var(--color-border);width:auto}.palette__fields{flex-flow:wrap}.editor__props{border-left:none;border-top:1px solid var(--color-border);width:auto}.editor__canvas,.sign-canvas{padding:12px 8px}.sign-canvas{padding-bottom:90px}.recipient-status{flex-wrap:wrap}}