:root{color:#202226;background:#eef1f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0}.app-shell{min-height:100vh;padding:18px}.auth-shell{align-items:center;display:grid;justify-items:center;min-height:calc(100vh - 36px);position:relative}.auth-shell>.ghost-button{position:absolute;right:0;top:0}.auth-card{background:#fff;border:1px solid #d8dde6;border-radius:8px;display:grid;gap:12px;max-width:420px;padding:22px;width:100%}.auth-card h1{font-size:22px;line-height:1.2;margin:0}.auth-card p{color:#687281;font-size:13px;line-height:1.45;margin:-4px 0 6px}.form-error{background:#fff1f1;border:1px solid #ffd2d2;border-radius:6px;color:#9f2f2f;font-size:13px;font-weight:750;padding:9px 10px}.link-button{background:transparent;color:#4775c4;font-size:13px;font-weight:850;height:34px}.loading-state{align-items:center;background:#fff;border:1px solid #d8dde6;border-radius:8px;color:#596271;display:flex;font-size:14px;font-weight:850;justify-content:center;min-height:160px}.topbar{align-items:center;background:#fff;border:1px solid #d8dde6;border-radius:8px;display:flex;gap:18px;justify-content:space-between;min-height:76px;padding:14px 16px}.brand{align-items:center;display:flex;gap:12px;min-width:280px}.brand svg{color:#4775c4;height:28px;width:28px}.brand h1,.preview-meta h2{font-size:18px;line-height:1.2;margin:0}.brand p,.preview-meta p{color:#6a7280;font-size:12px;line-height:1.35;margin:4px 0 0}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.app-tabs{align-items:center;background:#fff;border:1px solid #d8dde6;border-radius:8px;display:flex;gap:4px;margin-top:12px;overflow-x:auto;padding:5px}.app-tabs button{align-items:center;background:transparent;border-radius:6px;color:#4d5665;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:850;gap:7px;height:36px;padding:0 12px}.app-tabs button.active{background:#edf1f7;color:#1f2630}.app-tabs svg{height:15px;width:15px}.view-switch{align-items:center;background:#edf1f7;border:1px solid #d8dde6;border-radius:7px;display:inline-flex;gap:3px;padding:3px}.view-switch button{align-items:center;background:transparent;border-radius:5px;color:#4a5362;display:inline-flex;font-size:13px;font-weight:800;gap:7px;height:32px;padding:0 10px}.view-switch button.active{background:#fff;color:#202226;box-shadow:0 1px 2px #19233214}.view-switch svg{height:15px;width:15px}.compact-select{align-items:center;display:flex;gap:8px}.compact-select span{color:#5d6572;font-size:12px;font-weight:700}.compact-select select,.field input,.field select{background:#fff;border:1px solid #cfd6e2;border-radius:6px;color:#202226;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.compact-select select{height:38px;max-width:250px;padding:0 36px 0 10px}.compact-select select:focus,.field input:focus,.field select:focus{border-color:#4775c4;box-shadow:0 0 0 3px #4775c429}.ghost-button,.primary-button,.icon-button{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:800;gap:7px;height:38px;justify-content:center;line-height:1;padding:0 12px}.ghost-button{background:#edf1f7;color:#2f3847}.primary-button{background:#4775c4;color:#fff}.icon-button{background:#f3f5f8;color:#616a78;width:38px}.ghost-button:hover,.icon-button:hover:not(:disabled),.primary-button:hover:not(:disabled){filter:brightness(.97)}.ghost-button svg,.primary-button svg,.icon-button svg{height:16px;width:16px}button:disabled{cursor:not-allowed;opacity:.48}.workspace{display:grid;gap:18px;grid-template-columns:minmax(360px,480px) minmax(620px,1fr);margin-top:18px}.editor{align-content:start;display:grid;gap:12px}.form-section{background:#fff;border:1px solid #d8dde6;border-radius:8px;display:grid;gap:10px;margin:0;padding:16px}.section-actions{display:flex;justify-content:flex-end;margin:-4px 0 0}.section-button,.small-button{align-items:center;background:#edf1f7;border-radius:6px;color:#2f3847;display:inline-flex;font-size:12px;font-weight:850;gap:7px;height:34px;justify-content:center;padding:0 10px}.section-button svg{color:#4775c4;height:15px;width:15px}.section-button:disabled,.small-button:disabled{cursor:not-allowed;opacity:.48}.form-section legend{color:#293241;font-size:13px;font-weight:900;padding:0 4px}.field{display:grid;gap:6px;min-width:0}.field span{color:#5d6572;font-size:12px;font-weight:800}.field input,.field select{height:40px;min-width:0;padding:0 10px;width:100%}.field input[type=email],.field input[type=password]{text-transform:none}.field select{padding-right:32px}.field input[type=color]{padding:4px}.field input[type=range]{padding:0}.field-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.field-grid.four{grid-template-columns:.6fr .7fr .85fr 1fr}.field-with-action{align-items:end;display:grid;gap:10px;grid-template-columns:1fr auto}.field-with-action>span{align-items:center;background:#f2f5f9;border:1px solid #dbe1ea;border-radius:6px;color:#414a58;display:inline-flex;font-size:12px;font-weight:800;gap:6px;height:40px;padding:0 10px;white-space:nowrap}.field-with-action svg{color:#4775c4;height:14px;width:14px}.preview-pane{min-width:0}.invoices-view{margin-top:18px}.manager-form{background:#fff;border:1px solid #d8dde6;border-top:0;display:grid;gap:10px;padding:16px}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.small-button svg{height:14px;width:14px}.records-header{align-items:center;background:#fff;border:1px solid #d8dde6;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px}.records-header h2{font-size:18px;line-height:1.2;margin:0}.records-header p{color:#6a7280;font-size:12px;font-weight:800;margin:4px 0 0}.records-actions{align-items:center;display:flex;gap:8px}.records-table-wrap{background:#fff;border:1px solid #d8dde6;border-top:0;border-radius:0 0 8px 8px;overflow-x:auto}.records-table{border-collapse:collapse;min-width:900px;width:100%}.records-table.detailed{min-width:1180px}.records-table.payment-records{min-width:1500px}.records-table.invoices-records{min-width:1220px}.records-table.automation-records{min-width:1360px}.records-table.signatures-records{min-width:820px}.records-table th,.records-table td{border-bottom:1px solid #e3e8f0;padding:12px 14px;text-align:left;vertical-align:middle}.records-table th{background:#f5f7fa;color:#596271;font-size:12px;font-weight:900}.records-table td{color:#242a33;font-size:13px}.records-table .wide-cell{min-width:220px}.records-table .account-cell{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;white-space:nowrap}.records-table td strong,.records-table td span{display:block}.records-table td span{color:#6a7280;font-size:12px;margin-top:3px}.records-table td span.status-badge,.status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:900;line-height:1;margin-top:0;min-height:24px;padding:0 9px;white-space:nowrap}.status-badge.active,.status-badge.success{background:#e7f6ee;border:1px solid #bfe6cf;color:#187244}.status-badge.pending{background:#fff4d7;border:1px solid #f3d88b;color:#8a5b00}.status-badge.queued{background:#e6f0ff;border:1px solid #bad3ff;color:#225cbb}.status-badge.failed{background:#ffe8e8;border:1px solid #ffc2c2;color:#a13232}.status-badge.disabled{background:#edf0f4;border:1px solid #d5dbe4;color:#5d6572}.records-table td span.status-detail{color:#6a7280;display:block;line-height:1.35;margin-top:6px;max-width:240px}.records-table td span.status-detail.error{color:#9a3434}.records-table tbody tr:hover{background:#f8faff}.table-actions{align-items:center;display:flex;gap:7px}.table-delete{height:34px;width:34px}.table-delete svg{height:15px;width:15px}.signature-table-preview{align-items:center;background:#fbfcfe;border:1px dashed #cbd4e2;border-radius:6px;display:flex;height:70px;justify-content:center;width:220px}.signature-table-preview img{max-height:58px;max-width:200px;object-fit:contain}.empty-state{align-items:center;background:#fff;border:1px solid #d8dde6;border-top:0;border-radius:0 0 8px 8px;color:#657081;display:flex;font-size:14px;font-weight:800;justify-content:center;min-height:180px}.modal-backdrop{align-items:flex-start;background:#161c266b;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:18px;position:fixed;z-index:50}.record-modal{background:#fff;border:1px solid #d8dde6;border-radius:8px;box-shadow:0 24px 70px #141b2642;margin:auto 0;overflow:visible;width:min(680px,100%)}.record-modal.automation-modal{width:min(980px,calc(100vw - 36px))}.record-modal-header{align-items:center;border-bottom:1px solid #e3e8f0;display:flex;justify-content:space-between;padding:14px 16px}.record-modal-header h3{color:#242a33;font-size:16px;line-height:1.2;margin:0}.record-modal-body{padding:16px}.modal-form{border:0;padding:0}.modal-actions{justify-content:flex-end}.automation-modal-grid{align-items:start;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr)}.automation-main-column,.automation-side-column{display:grid;gap:10px;min-width:0}.automation-side-column{align-self:stretch;background:#f7f9fc;border:1px solid #dbe1ea;border-radius:6px;padding:12px}.automation-modal-actions{align-self:end;margin-top:2px}.modal-close{height:34px;width:34px}.modal-close svg{height:16px;width:16px}.checkbox-field{align-items:center;background:#fbfcfe;border:1px solid #cfd6e2;border-radius:6px;color:#323b49;display:flex;font-size:13px;font-weight:800;gap:9px;min-height:40px;padding:0 10px}.checkbox-field input{height:16px;margin:0;width:16px}.automation-preview-card{background:#fff;border:1px solid #dbe1ea;border-radius:6px;display:grid;gap:5px;padding:12px}.automation-preview-card strong{color:#2a3240;font-size:13px}.automation-preview-card span{color:#5b6574;font-size:12px;line-height:1.35}.signature-manager-grid{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(320px,.85fr)}.manual-signature-grid{align-items:stretch}.signature-settings-panel{align-content:start}.signature-preview-box{align-items:center;background:#f7f9fc;border:1px dashed #cbd4e2;border-radius:6px;display:flex;justify-content:center;min-height:122px;overflow:hidden}.signature-preview-box img{max-height:112px;max-width:100%}.signature-preview-box span{color:#7a8494;font-size:13px;font-weight:850}.signature-pad-panel{background:#fff;border-bottom:1px solid #d8dde6;border-right:1px solid #d8dde6;display:grid;gap:10px;padding:16px}.manager-title{color:#293241;font-size:13px;font-weight:900}.signature-pad-panel canvas{background:#fbfcfe;border:1px solid #cfd6e2;border-radius:6px;height:180px;touch-action:none;width:100%}.preview-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.preview-meta>span{background:#fff;border:1px solid #d8dde6;border-radius:6px;color:#414a58;font-size:12px;font-weight:800;padding:8px 10px}.invoice-page{--invoice-blue: #4775c4;aspect-ratio:612 / 792;background:#fff;box-shadow:0 18px 50px #1e2a3e29;color:#242424;font-family:Arial,Helvetica,sans-serif;margin:0 auto;max-width:900px;min-width:560px;overflow:hidden;position:sticky;top:18px;width:min(100%,78vh)}.invoice-hero{background:var(--invoice-blue);color:#fff;height:19.4%;left:63.7%;padding:28px 18px 0;position:absolute;text-align:right;top:9.6%;width:28.4%}.invoice-hero h3{font-size:clamp(19px,2.4vw,28px);font-weight:400;letter-spacing:0;line-height:1;margin:0 0 24px}.invoice-hero strong{display:block;font-size:clamp(10px,1.25vw,15px);line-height:1.5}.bill-to{left:9.4%;position:absolute;top:16.4%}.bill-to h4,.payment h4{font-size:clamp(11px,1.25vw,15px);line-height:1.1;margin:0 0 8px}.bill-to p{font-size:clamp(11px,1.25vw,15px);line-height:1.22;margin:0 0 5px}.invoice-table{border-collapse:collapse;font-size:clamp(10px,1.18vw,14px);left:7.85%;position:absolute;table-layout:fixed;top:34.1%;width:84.3%}.invoice-table th{background:var(--invoice-blue);border:1px solid var(--invoice-blue);color:#fff;font-size:clamp(10px,1.18vw,14px);height:25px;padding:0 7px;text-align:center}.invoice-table th:nth-child(2){text-align:left}.invoice-table td{border:1px solid var(--invoice-blue);color:#555;height:25px;padding:0 7px;vertical-align:middle}.invoice-table th:nth-child(1),.invoice-table td:nth-child(1){text-align:center;width:9.7%}.invoice-table th:nth-child(2),.invoice-table td:nth-child(2){width:48.1%}.invoice-table th:nth-child(3),.invoice-table td:nth-child(3){text-align:center;width:8.7%}.invoice-table th:nth-child(4),.invoice-table td:nth-child(4){text-align:center;width:15.7%}.invoice-table th:nth-child(5),.invoice-table td:nth-child(5){text-align:right;width:17.8%}.totals{display:grid;grid-template-columns:1fr 17.8%;left:7.85%;position:absolute;top:calc(34.1% + 175px);width:84.3%}.total-label,.total-value,.total-spacer{min-height:25px}.total-label{align-items:center;color:#3f3f3f;display:flex;font-size:clamp(10px,1.12vw,14px);font-weight:800;justify-content:flex-end;padding-right:8px}.total-value,.total-spacer{align-items:center;border:1px solid var(--invoice-blue);border-top:0;color:#555;display:flex;font-size:clamp(10px,1.12vw,14px);justify-content:flex-end;padding-right:18px}.total-spacer{grid-column:2}.total-label.final{grid-column:1;grid-row:4}.total-value.final{background:var(--invoice-blue);color:#fff;font-weight:800;grid-column:2;grid-row:4}.payment{left:14.7%;position:absolute;top:63.2%;width:58%}.payment img{display:block;height:auto;margin:-8px 0 4px;width:132px}.signature-line{border-top:1px solid #242424;height:8px;width:180px}.payment p{color:#555;font-size:clamp(9px,1.05vw,13px);line-height:1.22;margin:0 0 5px}.thanks{bottom:8.6%;color:var(--invoice-blue);font-size:clamp(16px,1.9vw,22px);font-weight:800;left:0;margin:0;position:absolute;text-align:center;width:100%}@media(max-width:1180px){.topbar{align-items:flex-start;flex-direction:column}.toolbar{justify-content:flex-start;width:100%}.view-switch{width:100%}.view-switch button{flex:1;justify-content:center}.workspace,.signature-manager-grid,.automation-modal-grid{grid-template-columns:1fr}.automation-side-column{background:#fff}.invoice-page{position:relative;top:0;width:min(100%,720px)}}@media(max-width:680px){.app-shell{padding:10px}.topbar,.form-section{border-radius:6px}.toolbar,.compact-select,.ghost-button,.primary-button{width:100%}.app-tabs{align-items:stretch;flex-direction:column}.app-tabs button{justify-content:center;width:100%}.section-actions,.section-button,.small-button{width:100%}.table-actions{align-items:stretch;flex-direction:column}.compact-select{align-items:stretch;flex-direction:column;gap:5px}.compact-select select{max-width:none;width:100%}.field-grid,.field-grid.four,.field-with-action{grid-template-columns:1fr}.invoice-page{min-width:0;width:100%}}