@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";@font-face{font-family:Artecallya;src:url(/assets/Artecallya-Script-CauLr2BT.otf) format("opentype"),url(/assets/Artecallya-Script-Bx-yNtWE.ttf) format("truetype");font-display:swap}@font-face{font-family:Barokah;src:url(/assets/Barokah-Signature-CyqK6vY7.ttf) format("truetype");font-display:swap}@font-face{font-family:Bettina;src:url(/assets/Bettina-Signature-Regular-DeY_vfkf.otf) format("opentype"),url(/assets/Bettina-Signature-Regular-D55ag1XA.ttf) format("truetype");font-display:swap}@font-face{font-family:High Summit;src:url(/assets/High-Summit-BdbZ2n_A.otf) format("opentype"),url(/assets/High-Summit-DqAweDLN.ttf) format("truetype");font-display:swap}@font-face{font-family:Maytra;src:url(/assets/Maytra-BBzqKMeS.otf) format("opentype"),url(/assets/Maytra-DGIqVNSu.ttf) format("truetype");font-display:swap}@font-face{font-family:Monsieur La Doulaise;src:url(/assets/MonsieurLaDoulaise-Regular-QUi-6iXL.ttf) format("truetype");font-display:swap}@font-face{font-family:Mr Dafoe;src:url(/assets/MrDafoe-Regular-CFVI6GAw.ttf) format("truetype");font-display:swap}@font-face{font-family:Mr DeHaviland;src:url(/assets/MrDeHaviland-Regular-CcO0V_u6.ttf) format("truetype");font-display:swap}@font-face{font-family:Mrs Saint Delafield;src:url(/assets/MrsSaintDelafield-Regular-MtCNDNha.ttf) format("truetype");font-display:swap}@font-face{font-family:The signature;src:url(/assets/Thesignature-B0n1h7ex.otf) format("opentype"),url(/assets/Thesignature-ZhGEr2n1.ttf) format("truetype");font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #2863eb;--secondary-color: #f5f8ff;text-wrap:balance;-webkit-user-select:none;user-select:none}:root::selection{background-color:var(--primary-color);color:#fff}body{margin:0;min-width:320px;min-height:100vh}button{border-radius:4px;border:1px solid #ccc;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;color:#333;cursor:pointer;transition:all .2s}button:focus-visible{outline:none}button:disabled{opacity:.5;cursor:not-allowed}.signature-button{background-color:transparent;color:#00aeff;padding:0;border:2px dashed rgb(0,174,255);border-radius:4px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;font-weight:500;width:100%;height:100%}.signature-button:hover:not(:disabled){background-color:#00aeff1a}.signature-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.signature-button-split-container{display:flex;width:100%;height:100%;gap:0;overflow:hidden;box-sizing:border-box}.signature-button-reuse{flex:0 0 80%;width:80%;min-width:60px;display:flex;align-items:center;justify-content:center;border-right:none;position:relative;box-sizing:border-box}.signature-button-reuse:after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background-color:#00aeff}.signature-button-new{flex:1 1 auto;border-left:none;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;justify-content:center}.signature-button-reuse:hover:not(:disabled){background-color:#00aeff26}.signature-button-new:hover:not(:disabled){background-color:#00aeff1a}.signature-image-container{position:relative;display:inline-block;width:100%;height:100%;overflow:hidden}.signature-image-container.signed{border:2px dotted transparent;border-radius:4px;transition:border .3s ease}.signature-image-container.signed:hover{border:2px dotted #00aeff50;border-radius:4px}.signature-image{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}.signature-delete-btn{position:absolute;top:4px;right:4px;background-color:#e74c3c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:background-color .3s ease;z-index:10;line-height:1;padding:0}.signature-delete-btn:hover{background-color:#c0392b}.signature-image-container:hover .signature-delete-btn{display:flex}.signature-footer{display:flex;top:100%;position:absolute;width:100%;margin-top:2px;padding:2px 0;text-align:center;border-top:1px solid #e0e0e0;justify-content:center}.signature-footer-text{display:inline-block;font-size:9px;color:#666;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;max-height:2.6em;overflow:hidden;text-overflow:ellipsis;text-wrap:wrap}.signature-footer-name{font-weight:500;color:#555}.signature-footer-separator{color:#999;font-weight:300}.signature-footer-timestamp{font-weight:400;color:#777}.field-button{color:#2196f3;padding:8px 16px;border:2px dashed #2196f3;background-color:transparent;border-radius:4px;cursor:pointer;transition:background-color .3s ease;font-weight:500;min-width:100px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:4px}.field-button:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed;opacity:.6}.field-button:hover:not(:disabled){background-color:#2196f31a}.checkbox-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.checkbox-wrapper input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:#2196f3}.checkbox-wrapper:hover input[type=checkbox]{transform:scale(1.1);transition:transform .2s ease}.checkbox-wrapper input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.field-button-required{position:relative}.required-indicator{color:#ff5252;font-weight:700;margin-left:2px}.field-container{position:relative;display:inline-block;width:100%;height:100%;overflow:visible;border:2px solid #4caf50;border-radius:4px;background-color:#f5f5f5;padding:4px 8px;min-height:32px;overflow:hidden}.field-container.filled{border-color:transparent;background-color:transparent}.field-container.filled[data-field=checkbox]{padding:0;min-height:auto}.field-container.filled[data-field=checkbox] .field-value{height:100%}.field-container.filled:hover{border:2px dotted #00aeff50}.field-value{width:100%;height:100%;display:flex;cursor:pointer;color:#333;font-size:14px}.field-value-text{width:100%;line-height:1.25;font-size:16px;box-sizing:border-box}.field-value-text:not([data-multiline=true]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-value-text[data-multiline=true]{word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;text-wrap:wrap}.checkbox-display{display:flex;align-items:center;gap:8px;width:100%}.checkbox-icon{width:100%;height:100%;border:2px solid black;border-radius:3px;display:flex;align-items:center;justify-content:center;background-color:#fff;font-size:14px;font-weight:700;color:#000;flex-shrink:0}.checkbox-icon.checked{background-color:#fff;color:#000}.checkbox-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-delete-btn{position:absolute;top:4px;right:4px;background-color:#e74c3c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:background-color .3s ease;z-index:10;line-height:1;padding:0}.field-delete-btn:hover{background-color:#c0392b}.field-container:hover .field-delete-btn{display:flex}.field-inline-edit{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.field-inline-input{width:100%;height:100%;padding:8px 12px;border:2px solid #2196f3;border-radius:4px;font-size:14px;outline:none;background-color:#fff;color:#333;box-shadow:0 0 0 3px #2196f31a;transition:all .2s ease}.field-inline-input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #2196f333}.field-inline-input::placeholder{color:#999;font-style:italic}.field-inline-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.field-limit-warning{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:#f44336;color:#fff;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px #0003;z-index:1000;animation:slideInDown .3s ease}.field-limit-warning:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#f44336 transparent transparent transparent}.field-char-counter{position:absolute;bottom:calc(100% + 8px);left:90%;transform:translate(-50%);background-color:#ff9800;color:#fff;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;box-shadow:0 2px 6px #00000026;z-index:999;animation:fadeIn .2s ease;transition:background-color .3s ease}.field-char-counter.at-limit{background-color:#f44336}.field-char-counter:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#ff9800 transparent transparent transparent;transition:border-color .3s ease}.field-char-counter.at-limit:after{border-color:#f44336 transparent transparent transparent}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.field-button-split-container{display:flex;width:100%;height:100%;gap:0;box-sizing:border-box}.field-button-reuse{flex:0 0 80%;width:80%;min-width:60px;display:flex;align-items:center;justify-content:center;border-right:none;position:relative;box-sizing:border-box;border-top-right-radius:0;border-bottom-right-radius:0}.field-button-reuse:after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background-color:#2196f3;z-index:1}.field-button-new{min-width:0;display:flex;align-items:center;justify-content:center;border-top-left-radius:0;border-bottom-left-radius:0;border:2px dashed #2196f3;border-left:none}.field-button-new svg{color:#2196f3;stroke:currentColor}.field-button-reuse:hover:not(:disabled){background-color:#2196f326}.field-button-new:hover:not(:disabled){background-color:#2196f31a}.signature-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.signature-position{pointer-events:all;display:flex;flex-direction:column;align-items:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.draw-signature-container{display:flex;gap:16px;width:100%;align-items:flex-start}.draw-signature-toolbar{display:flex;flex-direction:column;justify-content:start;gap:12px;width:200px;min-width:200px;flex-shrink:0;height:230px;border:1px solid #ddd;padding:16px;border-radius:12px;margin-top:48px}.draw-signature-toolbar-section{width:100%;display:flex;justify-content:space-between}.draw-signature-toolbar-left,.draw-signature-toolbar-right{display:flex;align-items:center;height:max-content;gap:8px;flex-wrap:wrap}.draw-toolbar-btn{height:32px;width:32px;padding:0;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.draw-toolbar-btn:hover:not(.active):not(:disabled){background:var(--secondary-color);border-color:var(--primary-color);color:var(--primary-color)}.draw-toolbar-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.draw-toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.draw-signature-toolbar-bottom{width:100%;display:flex;flex-direction:column;gap:8px}.draw-signature-toolbar-bottom span{font-size:12px;color:#666;font-weight:500}.draw-toolbar-range-container{display:flex;gap:8px;align-items:center}.draw-toolbar-range{flex:1;min-width:60px;accent-color:var(--primary-color)}.draw-toolbar-range-val{width:32px;height:28px;padding:4px 8px;border:1px solid #ddd;border-radius:6px;text-align:center;font-size:13px}.draw-toolbar-range-val:invalid{border-color:red}.empty-state-text{font-size:14px;color:#999;text-align:center;height:100%;display:flex;align-items:center;justify-content:center}.draw-signature-canvas-wrapper{width:100%;max-width:547px;position:relative;flex:1;border:2px solid var(--primary-color);border-radius:8px;background:#fff;overflow:hidden;min-width:0;margin:auto}.draw-signature-canvas{touch-action:none;width:100%;height:100%;cursor:crosshair;display:block}.draw-signature-placeholder{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:16px;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center}.eraser-cursor{position:absolute;border:2px solid var(--primary-color);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:10;background:#0000000d}@media(max-width:768px){.draw-signature-container{flex-direction:column;gap:12px}.draw-signature-toolbar{width:100%;height:fit-content}.draw-signature-canvas-wrapper{width:100%;max-width:100%;max-height:none}}.type-signature-container{display:flex;gap:16px;width:100%;height:auto;max-height:none;align-items:flex-start}.type-signature-top-header{display:flex;flex-direction:column;gap:12px;width:200px;min-width:200px;flex-shrink:0;height:230px;border:1px solid #ddd;padding:16px;border-radius:12px;margin-top:48px}.left-section{display:flex;flex-direction:column;gap:12px;width:100%}.right-section{display:flex;flex-direction:column;gap:8px;width:100%}.type-signature-style-row{display:flex;gap:8px;align-items:center}.type-signature-preview-section{flex:1;display:flex;flex-direction:column;min-width:0;margin:auto}.type-signature-input-section,.type-signature-font-section{display:flex;flex-direction:column;gap:4px}.type-signature-input-section label,.type-signature-font-section label,.type-signature-preview-section label{font-size:12px;font-weight:500;color:#666}.type-signature-input{padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s;height:32px;width:100%}.type-signature-char-counter{font-size:11px;color:#666;margin-top:4px;text-align:right;transition:color .2s}.type-signature-char-counter.red{color:red}.type-signature-input:focus{outline:none;border-color:var(--primary-color)}.type-signature-restricted{display:flex;flex-direction:column;gap:8px}.type-signature-input-large{width:100%;height:32px;padding:8px;border-radius:8px}.type-signature-hint{color:#666;font-size:12px;padding-left:4px}.type-signature-font-select{padding:0 8px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s;height:32px;width:100%}.type-signature-font-select:focus{outline:none;border-color:var(--primary-color)}.type-signature-style-buttons{display:flex;gap:8px}.type-signature-style-btn{height:32px;width:32px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;flex-shrink:0}.type-signature-style-btn:hover{background:var(--secondary-color);border-color:var(--primary-color);color:var(--primary-color)}.type-signature-style-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.type-signature-size-section{flex-grow:1;display:flex;flex-direction:column;gap:4px}.type-signature-size-select{padding:0 8px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s;height:32px;width:100%}.type-signature-size-select:focus{outline:none;border-color:#2863eb}.type-signature-preview{width:100%;max-width:547px;border:2px solid var(--primary-color);border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}.type-signature-preview-text{font-size:48px;color:#000;-webkit-user-select:none;user-select:none;text-align:center;text-wrap:wrap}.type-signature-preview-placeholder{color:#999;font-size:16px;text-align:center}@media(max-width:768px){.type-signature-container{flex-direction:column;gap:12px;height:max-content;max-height:none}.type-signature-top-header{flex-direction:column;width:100%;min-width:100%;height:max-content}.right-section{flex-direction:row;justify-content:space-between}.type-signature-preview-section{width:100%;height:auto}.type-signature-preview{width:100%;max-width:100%;max-height:none}}.signature-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.signature-modal-container{background:#fff;border-radius:8px;width:90%;max-width:max-content;max-height:max-content;display:flex;flex-direction:column;box-shadow:0 4px 20px #0003}.signature-modal-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid #e0e0e0;height:48px}.signature-modal-header h2{margin:0;font-size:1rem;color:#333}.signature-modal-close{padding:0;background:none;border:none;font-size:28px;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.signature-modal-close:hover{background-color:#f0f0f0}.signature-modal-body{position:relative;width:100%}.signature-tabs-slider{margin:8px 12px 16px;width:200px;position:absolute;display:flex;background:#e0e0e0;border-radius:8px;padding:4px;gap:4px;top:4px}.signature-tab{position:relative;z-index:1;padding:8px 19px;background:transparent;border:none;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:color .3s;width:200px;height:32px;display:flex;align-items:center;justify-content:center;gap:6px}.signature-tab svg{width:16px;height:16px}.signature-tab.active{color:#fff}.signature-tabs-slider-indicator{position:absolute;height:calc(100% - 8px);width:calc(50% - 6px);background:var(--primary-color);border-radius:4px;transition:transform .3s cubic-bezier(.4,0,.2,1);top:4px;left:4px;z-index:0;box-shadow:0 4px 10px #00000040,0 1px #ffffff73 inset}.signature-tabs-slider-indicator[data-active=draw]{transform:translate(0)}.signature-tabs-slider-indicator[data-active=type]{transform:translate(calc(100% + 4px))}.signature-modal-content{flex:1;padding:12px;overflow-y:auto;min-height:304px;max-height:304px}.signature-modal-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:0 11px 8px;height:48px}.signature-btn-cancel,.signature-btn-clear,.signature-btn-save{height:32px;padding:0 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.signature-btn-cancel svg,.signature-btn-clear svg,.signature-btn-save svg{width:16px;height:16px}.signature-btn-cancel{background-color:#fff;border:1px solid #ccc;color:#333}.signature-btn-cancel:hover{background-color:#f0f0f0;border-color:#999}.signature-btn-clear,.signature-btn-save{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.signature-btn-clear:hover:not(:disabled),.signature-btn-save:hover:not(:disabled){background-color:var(--secondary-color);border-color:var(--primary-color);color:var(--primary-color)}.signature-btn-clear:disabled,.signature-btn-save:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.6}@media screen and (max-width:768px){.signature-modal-container{height:100%;max-height:max-content}.signature-tabs-slider,.signature-tab{width:calc(100% - 24px)}.signature-modal-content{max-height:100%}.signature-modal-footer{height:max-content}.signature-btn-clear{order:1;width:100%}.signature-btn-cancel{order:2;width:calc(50% - 4px)}.signature-btn-save{order:3;width:calc(50% - 4px)}}.field-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.field-position{display:flex;pointer-events:all;flex-direction:column;align-items:center}.field-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.field-modal-container{background-color:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a}.field-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.field-modal-header h2{margin:0;font-size:20px;color:#333}.field-modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.field-modal-close:hover{background-color:#f0f0f0}.field-modal-content{padding:20px;flex:1;overflow-y:auto}.field-input{width:100%;padding:12px;border:2px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.field-input:focus{outline:none;border-color:gray}.checkbox-input-container{padding:12px 0}.checkbox-label-input{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:16px}.checkbox-input{width:24px;height:24px;cursor:pointer;accent-color:#4caf50}.field-error{color:#e74c3c;font-size:14px;margin-top:8px;padding:8px;background-color:#ffebee;border-radius:4px;border-left:4px solid #e74c3c}.field-required-hint{color:#666;font-size:12px;margin-top:8px;font-style:italic}.field-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e0e0e0}.field-btn-cancel,.field-btn-save{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;display:flex;justify-content:center;align-items:center;gap:6px}.field-btn-cancel{background-color:#f5f5f5;color:#333}.field-btn-cancel svg{margin-top:2px}.field-btn-save svg{margin-top:1px}.field-btn-cancel:hover{background-color:#e0e0e0}.field-btn-save{background-color:#00aeff;color:#fff}.field-btn-save:hover{background-color:#038bca}.toast{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;background:#fff;z-index:10000;animation:slideIn .3s ease-out;min-width:300px;max-width:500px}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left:4px solid #4caf50}.toast-error{border-left:4px solid #f44336}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon{color:#4caf50}.toast-error .toast-icon{color:#f44336}.toast-message{flex:1;font-size:14px;font-weight:500;color:#333;line-height:1.4}.toast-close{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close:hover{background:#f0f0f0;color:#333}@media(max-width:768px){.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.pdf-container{flex:1;justify-content:flex-start;align-items:flex-start;padding:1rem;overflow-x:auto;overflow-y:auto}.canvas-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;min-width:300px;margin:1rem 0 0 1rem;border-radius:8px;height:100%;overflow-y:scroll;scrollbar-width:none}.page-multi-wrapper{width:840px;max-width:100%;min-width:300px}.page-wrapper{width:840px;max-width:100%;min-width:300px;display:flex;flex-direction:column;align-items:center;background-color:#fff;box-shadow:0 2px 8px #0000001a;padding:1rem;border-radius:4px;margin:0 auto}.document-section-header{width:840px;max-width:100%;min-width:300px;display:flex;align-items:center;gap:10px;margin:1rem auto;padding:10px 16px;background-color:#f0f4ff;border-radius:4px;box-sizing:border-box;color:#1a3a8f;font-size:15px;font-weight:600;border:1px solid #066490}.document-section-header svg{flex-shrink:0;color:#2863eb}.document-section-pages{margin-left:auto;font-size:12px;font-weight:500;color:#5574c4;background:#dce6ff;padding:2px 10px;border-radius:12px;white-space:nowrap}.page-number{font-size:14px;font-weight:600;color:#666;margin-bottom:1rem;align-self:flex-start}.canvas-wrapper{position:relative;width:100%;max-width:800px;display:flex;justify-content:center}.page-wrapper canvas{display:block;width:100%!important;max-width:800px!important;height:auto!important}.placeholder{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.placeholder-content{text-align:center;padding:4rem 2rem;border:2px dashed #ccc;border-radius:12px;background-color:#fff;color:#666;width:100%;height:calc(100vh - 4rem)}.initial-popup-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:9999}.initial-popup{background:#fff;padding:24px;border-radius:8px;width:420px;box-shadow:0 8px 24px #0003;text-align:center}.accept-btn{background:#1b8a3e}.reject-btn{background:#d32f2f}.placeholder-content p{font-size:1.2rem;margin-bottom:1rem}.hidden{display:none}.bottom-bar{position:sticky;bottom:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 -2px 4px #0000000d;border-radius:8px;flex-direction:column;gap:.5rem}.footer{position:fixed;bottom:1rem;z-index:100;display:none;align-items:center;justify-content:space-between;padding:1rem;background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 -2px 4px #0000000d;border-radius:8px;width:calc(100% - 2rem)}.footer.show{transform:translateY(0);animation:slideUpBounce .8s ease-out}.bottom-bar-left{display:flex;align-items:center;gap:10px;accent-color:var(--primary-color)}.total-pages-text{font-size:14px;font-weight:600;color:#333}.bottom-bar-right{display:flex;align-items:center}.action-btns{display:flex;align-items:center;gap:10px}.save-submit-btn{height:2rem;padding:0 1rem;border:none;border-radius:4px;background:#2863eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.save-submit-btn:hover{background:#0090d9;box-shadow:0 2px 8px #00aeff4d}.save-submit-btn:active{transform:translateY(1px)}.reject-btn{background-color:#ff7070;color:#fff;height:2rem;padding:0 1rem;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.termAndConditionLink{color:#00aeff;text-decoration:underline;cursor:pointer;transition:color .3s}.termAndConditionLink:hover{color:#0090d9}.heading{position:sticky;top:0;left:0;z-index:1000;background-color:#f5f5f5;padding:0 1rem 1rem;margin:-1rem -1rem 0}.document-header{font-size:24px;padding:8px 16px;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 0 2px #00000040;flex:1;margin:0}.reject-parent{position:fixed;top:23%;right:0;display:flex;align-items:center;gap:0;background-color:#b71c1c;border-radius:6px 0 0 6px;box-shadow:0 6px 16px #0000002e;height:40px;width:40px;overflow:hidden;transition:width .35s ease,box-shadow .35s ease}.reject-parent.is-open{width:85px;box-shadow:0 10px 24px #0000002e}.slider{padding:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:transparent;border:none;line-height:0}.slider svg{width:24px;height:24px;fill:#fff}.header-reject-btn{background-color:transparent!important;color:#fff;padding:10px;border:none;border-radius:0 6px 6px 0;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;opacity:0;max-width:0;overflow:hidden}.header-reject-btn:hover{box-shadow:0 2px 8px #d32f2f4d}.reject-parent.is-open .header-reject-btn{opacity:1;max-width:160px;padding:10px}.pdf-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-color:#626262;color:#fff;padding:12px;border-radius:8px 8px 0 0;position:sticky;top:0;z-index:100;font-size:20px;width:100%;max-width:100%;box-sizing:border-box}.pdf-file-info{height:24px;align-items:end;gap:4px;border:1px solid #dddbda;padding:0 4px;border-radius:4px;font-size:13px;display:flex;align-items:center;justify-content:center}.pdf-file-info lightning-button-icon{align-self:center}.content-section{display:flex;width:100%;height:calc(100vh - 54px - 3rem)}.preview-section{flex-shrink:0;height:100%;border:1px solid #ddd;border-radius:8px;box-shadow:0 0 2px #00000040;padding:1rem;font-size:14px;text-align:center;margin:1rem 0 0;overflow-y:scroll;scrollbar-width:none;display:flex;flex-direction:column;justify-content:space-between}.pages{display:flex;flex-direction:column;align-items:center}.preview-canvas-wrapper{width:180px;display:flex;flex-direction:column;align-items:center;background-color:#fff;box-shadow:0 2px 8px #0000001a;padding:1rem;border-radius:4px}.preview-page-number{font-size:14px;font-weight:600;color:#666;margin:10px;align-self:flex-start}.preview-thumbnail{width:100%;height:auto;background:#fff}.expired-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px;padding:40px 32px;background:linear-gradient(135deg,#fff8f1,#fef3e6);border-radius:20px;border:1px solid #fed7aa;box-shadow:0 12px 30px #fb923c1f;text-align:center;max-width:500px;margin:auto;position:relative;overflow:hidden}.expired-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(251,146,60,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(251,146,60,.06) 0%,transparent 50%);pointer-events:none}.expired-icon{width:88px;height:88px;background:#fff4e6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:3px solid #fed7aa;box-shadow:0 4px 12px #fb923c26;transition:transform .3s ease}.expired-card:hover .expired-icon{transform:scale(1.05)}.expired-svg{width:44px;height:44px;color:#f97316}.expired-title{font-size:26px;font-weight:700;color:#ea580c;margin:0 0 14px;letter-spacing:-.5px}.expired-message{font-size:16px;line-height:1.7;color:#5c4a3a;margin:0 0 10px;max-width:380px}.expired-hint{font-size:14px;color:#78716c;margin:10px 0 0;font-style:italic}.completion-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -4px 20px #00000026;padding:24px 32px;transform:translateY(100%);transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:999;width:98%;margin:auto 1rem 1rem auto;border-radius:8px;height:5rem}.completion-footer.show{transform:translateY(0);animation:slideUpBounce .8s ease-out}@keyframes slideUpBounce{0%{transform:translateY(100%)}60%{transform:translateY(-10px)}80%{transform:translateY(5px)}to{transform:translateY(0)}}.completion-content{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%}.completion-icon{flex-shrink:0;animation:scaleIn .5s ease-out .3s both}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.completion-text{flex:1;color:#fff}.completion-text h3{font-size:22px;font-weight:700;color:#626262}.completion-text p{margin:0;font-size:15px;color:#626262;line-height:1.5}.completion-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.completion-actions label{color:#626262;font-size:14px;font-weight:500;white-space:nowrap}.completion-actions .termAndConditionLink{color:#626262;text-decoration:underline;font-weight:600}.submit-final-btn{display:flex;align-items:center;gap:8px;background-color:#626262;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003;white-space:nowrap;height:2.5rem;width:13rem}.submit-final-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.submit-final-btn:disabled{opacity:.5;cursor:not-allowed}.submit-final-btn svg{flex-shrink:0}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #555;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reject-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease-in-out}.reject-confirm-modal{background:#fff;border-radius:12px;padding:32px;max-width:440px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;text-align:center}.reject-confirm-icon{display:flex;justify-content:center;margin-bottom:20px}.reject-confirm-title{font-size:24px;font-weight:700;color:#111;margin:0 0 12px}.reject-confirm-message{font-size:15px;color:#666;line-height:1.6;margin:0 0 20px}.reject-reason-field{text-align:left;margin-bottom:24px}.reject-reason-field label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.reject-reason-field textarea{width:100%;padding:10px;border-radius:6px;border:1px solid #ddd;font-size:14px;resize:vertical;min-height:80px;transition:border-color .2s ease}.reject-reason-field textarea:focus{outline:none;border-color:#d32f2f}.reject-confirm-actions{display:flex;gap:12px;justify-content:center}.reject-cancel-btn,.reject-confirm-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.reject-cancel-btn{background:#f5f5f5;color:#333}.reject-cancel-btn:hover{background:#e0e0e0}.reject-confirm-btn{background:#d32f2f;color:#fff}.reject-confirm-btn:hover{background:#b71c1c;transform:translateY(-1px)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.field-highlighted{animation:highlightPulse .8s ease-in-out;z-index:1000!important}@keyframes highlightPulse{0%{box-shadow:0 0 #2863eb00}50%{box-shadow:0 0 0 8px #2863eb80,0 0 30px #2863eb66}to{box-shadow:0 0 #2863eb00}}.next-field-btn{position:fixed;bottom:30px;right:30px;background:#2863eb;color:#fff;border:none;border-radius:50px;padding:14px 24px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 16px #2863eb66,0 2px 8px #0000001a;transition:all .3s ease;z-index:999;white-space:nowrap}.next-field-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2863eb80,0 3px 10px #00000026;background:#3470f0}.next-field-btn:active{transform:translateY(0);box-shadow:0 2px 8px #2863eb4d,0 1px 4px #0000001a}.next-field-btn svg{width:24px;height:24px;flex-shrink:0}.next-field-btn span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.terms-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.terms-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.terms-modal-header{display:flex;justify-content:center;align-items:center;padding:12px 28px;border-top:1px solid #e5e7eb;background:linear-gradient(to bottom,#fff,#f9fafb);border-radius:8px 8px 0 0;box-shadow:0 2px 5px #0003}.terms-modal-footer{display:flex;justify-content:end;align-items:center;padding:12px 28px;border-top:1px solid #e5e7eb;background:linear-gradient(to bottom,#fff,#f9fafb);border-radius:0 0 8px 8px;box-shadow:0 2px 5px #0003}.terms-modal-header h3{margin:0;font-size:22px;font-weight:600;color:#1f2937}.terms-save{background-color:#00aeff;display:flex;justify-content:center;align-items:center;color:#fff;height:2.25rem;gap:.5rem}.terms-save:hover{background-color:#0090d9;cursor:pointer}.close-btn{background-color:#615f5f}.close-btn:hover{background-color:#555}.terms-checkbox{display:flex;justify-content:center;align-items:center;gap:1rem}.btn-group{display:flex;justify-content:center;align-items:center;gap:.5rem}.terms-modal-body{padding:28px;overflow-y:auto;flex:1;font-size:15px;line-height:1.7;color:#374151}.terms-modal-body p{margin:0 0 16px}.terms-modal-body h1,.terms-modal-body h2,.terms-modal-body h3,.terms-modal-body h4{margin:24px 0 12px;color:#1f2937}.terms-modal-body h1{font-size:24px}.terms-modal-body h2{font-size:20px}.terms-modal-body h3{font-size:18px}.terms-modal-body ul,.terms-modal-body ol{margin:12px 0;padding-left:24px}.terms-modal-body li{margin:8px 0}.terms-modal-body a{color:#2563eb;text-decoration:none}.terms-modal-body a:hover{text-decoration:underline}.terms-modal-body strong{color:#1f2937;font-weight:600}@media(max-width:968px){.completion-content{flex-direction:column;align-items:flex-start;gap:16px}.completion-actions{width:100%;flex-direction:column;align-items:flex-start;gap:12px}.submit-final-btn{width:100%;justify-content:center}}@media screen and (max-width:480px){.document-header{font-size:14px}.page-wrapper{padding:10px}.page-number{font-size:12px}.bottom-bar{padding:12px 15px;flex-direction:column;gap:10px;align-items:flex-start}.bottom-bar-right{justify-content:center}.save-submit-btn{width:100%}.total-pages-text{font-size:13px}.pdf-file-info{display:none}.pdf-header{font-size:16px}.footer{display:flex;gap:.25rem;padding:1rem .75rem}.content-section{padding-bottom:3rem}.heading{padding-bottom:.5rem}.bottom-bar-left{gap:4px}.reject-parent{height:30px;width:30px}.reject-parent.is-open .header-reject-btn{padding:5px}.slider svg{width:20px;height:20px}.reject-parent.is-open{width:75px}.terms-modal-footer{padding:12px;justify-content:center}.terms-save{gap:.25rem}.footer-accept{font-size:14px}}@media(min-width:480px)and (max-width:768px){.pdf-file-info{display:none}.document-header{font-size:20px}}@media screen and (max-width:1152px){.preview-section,.bottom-bar{display:none}.footer{display:flex}.canvas-container{margin:1rem 0 0;align-items:start;min-width:0}.pdf-header{flex-wrap:wrap;text-align:center;gap:10px;font-size:18px;position:sticky;z-index:99}.pdf-file-info{margin-top:6px}.content-section{height:calc(100vh - 54px - 3rem)}.completion-footer{display:none}}@media screen and (max-width:768px){.next-field-btn{bottom:20px;right:20px;padding:12px 20px;font-size:14px}.next-field-btn svg{width:20px;height:20px}.terms-modal{max-width:95%;max-height:75vh}.terms-modal-header{padding:20px}.terms-modal-header h3{font-size:18px}.terms-modal-body{padding:20px;font-size:14px}}@media screen and (max-width:480px){.next-field-btn{bottom:100px;right:16px;padding:10px 16px;font-size:13px;gap:8px}}.thankyou-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:20px;position:relative;overflow:hidden}.thankyou-card{background:#fff;border-radius:24px;padding:20px 50px;max-width:600px;width:100%;text-align:center;position:relative;z-index:1;animation:slideUp .8s ease-out}.success-animation{margin:0 auto 30px;width:120px;height:120px}.checkmark{width:120px;height:120px;border-radius:50%;display:block;stroke-width:3;stroke:#4caf50;stroke-miterlimit:10;box-shadow:inset 0 0 #4caf50;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:#626262;fill:#626262;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke:#fff;stroke-width:3;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes fill{to{box-shadow:inset 0 0 0 60px #4caf50}}.thankyou-title{font-size:48px;font-weight:800;color:#2d3748;margin:0 0 20px;animation:fadeInDown .6s ease-out .3s both}.thankyou-message{font-size:20px;color:#4a5568;line-height:1.6;margin:0 0 40px;animation:fadeInDown .6s ease-out .5s both}.thankyou-details{display:flex;flex-direction:column;gap:16px;margin:40px 0;animation:fadeInUp .6s ease-out .7s both}.detail-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f7fafc;border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease}.detail-item:hover{border-color:#626262;transform:translate(5px);box-shadow:0 4px 12px #4caf501a}.detail-item svg{flex-shrink:0}.detail-item span{font-size:16px;font-weight:600;color:#2d3748}.thankyou-note{font-size:15px;color:#718096;line-height:1.6;margin:30px 0;padding:20px;background:#f7fafc;border-radius:12px;border-left:4px solid #626262;animation:fadeIn .6s ease-out .9s both}.thankyou-footer{margin-top:30px;padding-top:30px;border-top:1px solid #e2e8f0;animation:fadeIn .6s ease-out 1.3s both}.thankyou-footer p{font-size:14px;color:#a0aec0;margin:0}@media(max-width:768px){.thankyou-card{padding:40px 30px}.thankyou-title{font-size:36px}.thankyou-message{font-size:18px}.detail-item{padding:14px 16px}.detail-item span{font-size:14px}}.rejected-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:20px;position:relative;overflow:hidden}.rejected-card{background:#fff;border-radius:24px;padding:20px 50px;max-width:600px;width:100%;text-align:center;position:relative;z-index:1;animation:slideUp .8s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.rejected-animation{margin:0 auto 30px;width:120px;height:120px}.reject-icon{width:120px;height:120px;border-radius:50%;display:block;stroke-width:3;stroke:#d32f2f;stroke-miterlimit:10;box-shadow:inset 0 0 #d32f2f;animation:fill-reject .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.reject-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:#d32f2f;fill:#d32f2f;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.reject-cross{transform-origin:50% 50%;stroke-dasharray:30;stroke-dashoffset:30;stroke:#fff;stroke-width:3;stroke-linecap:round}.reject-cross-left{animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}.reject-cross-right{animation:stroke .3s cubic-bezier(.65,0,.45,1) .95s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill-reject{to{box-shadow:inset 0 0 0 60px #d32f2f}}.rejected-title{font-size:48px;font-weight:800;color:#2d3748;margin:0 0 20px;animation:fadeInDown .6s ease-out .3s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.rejected-message{font-size:20px;color:#4a5568;line-height:1.6;margin:0 0 40px;animation:fadeInDown .6s ease-out .5s both}.rejected-details{display:flex;flex-direction:column;gap:16px;margin:40px 0;animation:fadeInUp .6s ease-out .7s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-item-rejected{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff5f5;border-radius:12px;border:2px solid #ffebee;transition:all .3s ease}.detail-item-rejected:hover{border-color:#ef5350;transform:translate(5px);box-shadow:0 4px 12px #d32f2f1a}.detail-item-rejected svg{flex-shrink:0}.detail-item-rejected span{font-size:16px;font-weight:600;color:#2d3748}.rejected-note{font-size:15px;color:#718096;line-height:1.6;margin:30px 0;padding:20px;background:#fff5f5;border-radius:12px;border-left:4px solid #d32f2f;animation:fadeIn .6s ease-out .9s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rejected-footer{margin-top:30px;padding-top:30px;border-top:1px solid #e2e8f0;animation:fadeIn .6s ease-out 1.3s both}.rejected-footer p{font-size:14px;color:#a0aec0;margin:0}@media(max-width:768px){.rejected-card{padding:40px 30px}.rejected-title{font-size:36px}.rejected-message{font-size:18px}.detail-item-rejected{padding:14px 16px}.detail-item-rejected span{font-size:14px}}