@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@font-face{font-display:swap;font-family:Thesignature;font-style:normal;font-weight:400;src:url(/static/media/Thesignature.2275572967a1d6158dd8.otf) format("opentype")}@font-face{font-display:swap;font-family:Arty Signature;font-style:normal;font-weight:400;src:url(/static/media/Arty%20Signature.b41bff081a53f55eb006.otf) format("opentype")}@font-face{font-display:swap;font-family:Barokah Signature;font-style:normal;font-weight:400;src:url(/static/media/Barokah%20Signature.ddef774bb8c8089a4021.ttf) format("truetype")}@font-face{font-display:swap;font-family:Bettina Signature;font-style:normal;font-weight:400;src:url(/static/media/Bettina%20Signature%20Regular.efc2c3086d9da5109119.otf) format("opentype")}@font-face{font-display:swap;font-family:High Empathy;font-style:normal;font-weight:400;src:url(/static/media/High%20Empathy.5803eb88a57a0d22e21e.otf) format("opentype")}@font-face{font-display:swap;font-family:The Suavity;font-style:normal;font-weight:400;src:url(/static/media/The%20Suavity.9e18049eace35e14aa93.otf) format("opentype")}:root{--color-primary:#2e4057;--color-primary-hover:#243448;--color-primary-light:#2e40571a;--bg-primary:#fafafa;--bg-card:#fff;--bg-hover:#f5f5f7;--bg-input:#f5f5f7;--border-color:#e8e8e8;--border-hover:#d2d2d7;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-muted:#aeaeb2;--color-success:#34c759;--color-warning:#f5a623;--color-danger:#ff3b30;--color-purple:#af52de;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 2px 12px #00000014;--shadow-lg:0 4px 20px #0000001f;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease}.dark-mode{--bg-primary:#0d0d0d;--bg-card:#1a1a1a;--bg-hover:#252525;--bg-input:#252525;--border-color:#2d2d2d;--border-hover:#3d3d3d;--text-primary:#f5f5f7;--text-secondary:#98989d;--text-muted:#636366;--color-primary:#285380;--color-primary-hover:#369;--shadow-sm:0 1px 3px #0003;--shadow-md:0 2px 12px #0000004d;--shadow-lg:0 4px 20px #0006}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;color:#1d1d1f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{height:100vh;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.d-flex{display:flex}.flex-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5f5f7;background:var(--bg-input);border-radius:4px}::-webkit-scrollbar-thumb{background:#d2d2d7;background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aeaeb2;background:var(--text-muted)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2e4057;outline:2px solid var(--color-primary);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}.inline-error{color:#dc3545;color:var(--color-error,#dc3545)}.inline-error,.inline-success{font-size:.8rem;margin-top:4px}.inline-success{color:#34c759;color:var(--color-success,#22c55e)}.inline-warning{color:#f5a623;color:var(--color-warning,#f59e0b);font-size:.8rem;margin-top:4px}@media print{.app-header,.btn-icon,.btn-primary,.btn-secondary,.sidebar{display:none!important}.main-content{margin:0!important;padding:0!important}}.progress-modal{bottom:20px;font-family:inherit;position:fixed;right:20px;z-index:1000}.progress-modal.expanded{animation:slideUp .2s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:400px;width:380px}.progress-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.progress-modal-title{color:var(--text-primary);font-size:13px;font-weight:600}.progress-modal-header-actions{align-items:center;display:flex;gap:8px}.progress-header-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:background-color var(--transition-fast),color var(--transition-fast)}.progress-header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.progress-header-btn.icon{align-items:center;display:flex;justify-content:center;padding:4px}.progress-operation-list{flex:1 1;overflow-y:auto;padding:8px}.progress-operation-item{animation:itemSlideIn .2s ease-out;background:var(--bg-input);border-radius:var(--radius-md);margin-bottom:6px;padding:12px;transition:background-color var(--transition-fast)}.progress-operation-item:last-child{margin-bottom:0}@keyframes itemSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.progress-operation-item.completed{background:#34c7591a}.progress-operation-item.error{background:#ff3b301a}.progress-operation-header{align-items:flex-start;display:flex;gap:10px}.progress-operation-icon{align-items:center;background:var(--color-primary-light);border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.progress-operation-icon.completed{background:#34c75926;color:var(--color-success)}.progress-operation-icon.error{background:#ff3b3026;color:var(--color-danger)}.progress-operation-content{flex:1 1;min-width:0}.progress-operation-label{color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-operation-message{color:var(--text-secondary);font-size:12px;margin-top:2px}.progress-operation-error{color:var(--color-danger);font-size:12px;margin-top:2px}.progress-operation-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.progress-action-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast);width:24px}.progress-action-btn:hover{background:var(--bg-hover)}.progress-action-btn.retry:hover{color:var(--color-primary)}.progress-action-btn.report:hover{color:#f5a623;color:var(--color-warning,#f5a623)}.progress-action-btn.close:hover{color:var(--color-danger)}.progress-action-link{background:none;border:none;color:var(--color-primary);cursor:pointer;display:inline-block;font-size:12px;font-weight:600;margin-top:4px;padding:4px 0;transition:opacity var(--transition-fast)}.progress-action-link:hover{opacity:.8;text-decoration:underline}.progress-bar-container{background:var(--border-color);border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.progress-bar-fill{background:var(--color-primary);border-radius:2px;height:100%;transition:width 3s ease-out}.progress-bar-fill.complete{transition:width .4s ease}.progress-bar-fill.indeterminate{animation:indeterminateProgress 1.5s ease-in-out infinite;width:30%}@keyframes indeterminateProgress{0%{transform:translateX(-100%)}50%{transform:translateX(200%)}to{transform:translateX(-100%)}}.progress-spinner{animation:spin 1s linear infinite}.progress-minimized-indicator{align-items:center;animation:slideUp .2s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:28px;box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.progress-minimized-indicator:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.progress-minimized-indicator svg{color:var(--color-primary)}.progress-minimized-indicator.completed svg{color:var(--color-success)}.progress-minimized-indicator.has-errors svg{color:var(--color-danger)}.progress-minimized-count{color:var(--text-secondary)}.progress-minimized-error-dot{background:var(--color-danger);border-radius:50%;height:8px;width:8px}.progress-minimized-indicator.empty{box-shadow:var(--shadow-sm);font-size:12px;opacity:.5;padding:6px 12px}.progress-minimized-indicator.empty:hover{opacity:.8}.progress-empty-state,.progress-minimized-indicator.empty svg{color:var(--text-secondary);color:var(--text-muted,var(--text-secondary))}.progress-empty-state{font-size:13px;padding:24px 16px;text-align:center}.progress-report-form{border-top:1px solid var(--border-color);padding:12px}.progress-report-form textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:12px;padding:8px;resize:vertical;width:100%}.progress-report-form textarea:focus{border-color:var(--color-primary);outline:none}.progress-report-form textarea:disabled{opacity:.6}.progress-report-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.progress-report-actions button{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color var(--transition-fast)}.progress-report-actions button:last-child{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.progress-report-actions button:hover:not(:disabled){opacity:.9}.progress-report-actions button:disabled{cursor:not-allowed;opacity:.6}.progress-report-sent{color:var(--color-success);font-size:12px;font-weight:500;padding:8px 0;text-align:center}@media (max-width:768px){.progress-modal{bottom:0;left:0;right:0}.progress-modal.expanded{border-bottom:none;border-left:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-right:none;max-height:50vh;width:100%}}.loading-spinner-fullscreen{background:var(--bg-primary);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner-fullscreen,.loading-spinner-inline{align-items:center;display:flex;justify-content:center}.loading-spinner-inline{min-height:200px;padding:40px 20px}.loading-spinner-content{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.spinner{display:inline-block;position:relative}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #0000;border-radius:50%;border-top:3px solid var(--color-primary);position:absolute}.loading-spinner-content.small .spinner{height:30px;width:30px}.loading-spinner-content.small .spinner-ring{border-width:2px;height:30px;width:30px}.loading-spinner-content.medium .spinner{height:50px;width:50px}.loading-spinner-content.medium .spinner-ring{border-width:3px;height:50px;width:50px}.loading-spinner-content.large .spinner{height:70px;width:70px}.loading-spinner-content.large .spinner-ring{border-width:4px;height:70px;width:70px}.spinner-ring:first-child{animation-delay:0s;opacity:1}.spinner-ring:nth-child(2){animation-delay:-.3s;opacity:.6}.spinner-ring:nth-child(3){animation-delay:-.6s;opacity:.3}.loading-message{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.loading-tip{color:var(--text-muted);font-size:12px;font-style:italic;font-weight:400;line-height:1.5;margin:0;max-width:320px}.loading-tip-label{color:var(--text-secondary);font-style:normal;font-weight:600}.loading-spinner-fullscreen .loading-spinner-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 24px #0000001a;padding:40px 50px}.dark-mode .loading-spinner-fullscreen .loading-spinner-content{box-shadow:0 4px 24px #0000004d}.loading-spinner-inline .loading-message{color:var(--text-secondary)}@media (max-width:768px){.loading-spinner-fullscreen .loading-spinner-content{margin:20px;padding:32px 40px}.loading-message{font-size:13px}.loading-spinner-content.large .spinner{height:60px;width:60px}.loading-spinner-content.large .spinner-ring{border-width:3px;height:60px;width:60px}}@media (max-width:480px){.loading-spinner-fullscreen .loading-spinner-content{margin:15px;padding:24px 32px}.loading-message{font-size:12px}.loading-spinner-content.medium .spinner{height:40px;width:40px}.loading-spinner-content.medium .spinner-ring{border-width:2px;height:40px;width:40px}.loading-spinner-content.large .spinner{height:50px;width:50px}.loading-spinner-content.large .spinner-ring{border-width:3px;height:50px;width:50px}}@media (prefers-reduced-motion:reduce){.spinner-ring{animation:spin 3s linear infinite}}.auth-form-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px;transition:background-color var(--transition-slow)}.auth-form-wrapper{animation:slideIn .3s ease-out;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:420px;padding:48px 40px 40px;transition:background-color var(--transition-slow),border-color var(--transition-slow);width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-logo{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:8px}.auth-logo-icon{height:32px;width:32px}.auth-logo-text{color:var(--text-primary);font-size:24px;font-weight:600;letter-spacing:-.5px;transition:color var(--transition-slow)}.auth-logo-accent{color:var(--color-primary)}.auth-subtitle{color:var(--text-secondary);font-size:15px;line-height:1.5;margin-bottom:32px;text-align:center}.auth-form-wrapper h2{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:30px;text-align:center;transition:color var(--transition-slow)}.error{background-color:#dc35451a;border:1px solid #dc35454d;border-radius:var(--radius-sm);color:var(--color-danger)}.error,.success{font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.success{background-color:#28a7451a;border:1px solid #28a7454d;border-radius:var(--radius-sm);color:var(--color-success)}.form-group{margin-bottom:20px}.form-group label{display:block;transition:color var(--transition-slow)}.form-group input{box-sizing:border-box;padding:12px 14px}.auth-form-container .btn-primary,.form-group input{font-family:inherit;font-size:15px;transition:all var(--transition-fast);width:100%}.auth-form-container .btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-weight:500;height:auto;justify-content:center;margin-bottom:15px;padding:12px}.auth-form-container .btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-form-container .btn-primary:active{transform:translateY(0)}.auth-form-container .btn-secondary{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;height:auto;padding:12px;transition:all var(--transition-fast);width:100%}.auth-form-container .btn-secondary:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.forgot-password-link{margin:15px 0;text-align:center}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:inherit;font-size:14px;transition:color var(--transition-fast)}.link-button:hover{color:var(--color-primary-hover);text-decoration:underline}.signup-link{color:var(--text-secondary);font-size:14px;margin-top:20px;text-align:center;transition:color var(--transition-slow)}.signup-link a{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.signup-link a:hover{color:var(--color-primary-hover);text-decoration:underline}.btn-google{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:500;gap:10px;justify-content:center;padding:12px;transition:all var(--transition-fast);width:100%}.btn-google:hover{background:var(--bg-secondary);border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.btn-google:active{transform:translateY(0)}.btn-google .google-icon{flex-shrink:0}.auth-divider{align-items:center;display:flex;margin:20px 0}.auth-divider:after,.auth-divider:before{background:var(--border-color);content:"";flex:1 1;height:1px}.auth-divider span{color:var(--text-muted);font-size:13px;letter-spacing:.5px;padding:0 16px;text-transform:uppercase}@media (max-width:480px){.auth-form-container{padding:10px}.auth-form-wrapper{padding:36px 24px 28px}.auth-logo-text{font-size:22px}.auth-logo-icon{height:28px;width:28px}.form-group input{font-size:16px}}.dashboard{background-color:var(--bg-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 40px;transition:background-color var(--transition-slow)}.dashboard-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.greeting{flex:0 0 auto}.greeting h2{color:var(--text-primary);font-size:26px;font-weight:600;letter-spacing:-.5px;margin:0;white-space:nowrap}.greeting p{color:var(--text-secondary);font-size:14px;margin-bottom:0;margin-top:2px}.dashboard-header .btn-primary{flex-shrink:0;max-width:180px;white-space:nowrap;width:auto}.content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;transition:background-color var(--transition-slow),border-color var(--transition-slow)}.section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:18px 22px}.section-title{font-size:15px;margin:0}.section-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:13px;font-weight:500;padding:0;text-decoration:none}.section-link:hover{color:var(--color-primary-hover)}.signature-list{padding:6px 0}.signature-item{align-items:center;cursor:pointer;display:flex;gap:14px;padding:14px 22px;transition:background var(--transition-fast)}.signature-item:hover{background:var(--bg-hover)}.signature-icon{align-items:center;background:var(--bg-input);border-radius:8px;color:var(--text-secondary);display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.signature-info{flex:1 1}.signature-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.signature-date{color:var(--text-secondary);font-size:12px}.status-badge{border-radius:16px;padding:5px 10px}.status-badge.pending{background:#fff3e0;color:#e65100}.status-badge.completed{background:#e8f5e9;color:#2e7d32}.status-badge.sent{background:#e3f2fd;color:#1565c0}.dark-mode .status-badge.pending{background:#f5a62333;color:#ffb74d}.dark-mode .status-badge.completed{background:#34c75933;color:#81c784}.dark-mode .status-badge.sent{background:#0a84ff33;color:#64b5f6}.files-content{padding:18px}.files-content .drag-drop-zone{background:#0000;border:2px dashed var(--border-hover);border-radius:10px;cursor:pointer;margin-bottom:16px;padding:28px;text-align:center;transition:all var(--transition-fast)}.files-content .drag-drop-zone:hover{background:#0071e30a;border-color:var(--color-primary)}.dark-mode .files-content .drag-drop-zone:hover{background:#0a84ff14}.files-grid-compact{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.file-card-compact{background:var(--bg-input);border-radius:10px;cursor:pointer;min-width:0;overflow:hidden;padding:14px;transition:all var(--transition-fast)}.drafts-section{margin-bottom:24px}.drafts-list{display:flex;flex-direction:column;gap:8px}.draft-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);display:flex;gap:14px;padding:14px 18px;transition:background var(--transition-fast)}.draft-item:hover{background:var(--bg-hover)}.draft-icon{color:var(--color-primary);flex-shrink:0;font-size:16px}.draft-info{flex:1 1;min-width:0}.draft-name{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-meta{color:var(--text-secondary);font-size:12px;margin-top:2px}.draft-actions{display:flex;flex-shrink:0;gap:8px}.draft-actions .btn-sm{font-size:12px;padding:6px 14px}.file-card-compact:hover{background:var(--bg-hover);transform:translateY(-2px)}.file-card-top{align-items:flex-start;display:flex;justify-content:space-between}.file-card-compact .file-icon{background:var(--bg-card);border-radius:8px;font-size:16px;height:36px;margin-bottom:10px;width:36px}.file-card-compact .file-icon,.file-send-btn{align-items:center;display:flex;justify-content:center}.file-send-btn{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:12px;height:28px;transition:all var(--transition-fast);width:28px}.file-send-btn:hover{background:var(--color-primary);color:#fff}.file-card-compact .file-icon.pdf{color:var(--color-danger)}.file-card-compact .file-icon.doc{color:var(--color-primary)}.file-card-compact .file-icon.img{color:var(--color-purple)}.file-card-compact .file-name{color:var(--text-primary);font-size:13px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-compact .file-meta{color:var(--text-secondary);font-size:11px}.empty-signings{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-signings svg{margin-bottom:15px;opacity:.5}.empty-signings p{font-size:14px;margin:0}.dashboard .btn-primary svg{height:16px;width:16px}@media (max-width:1200px){.content-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard{padding:20px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.files-grid-compact{grid-template-columns:1fr}}@media (max-width:480px){.dashboard{padding:15px}.greeting h2{font-size:22px}}.confirmation-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirmation-modal-content{animation:slideUp .3s ease;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;padding:30px;position:relative;text-align:center;transition:background-color var(--transition-slow);width:90%}.confirmation-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;line-height:1;padding:5px;position:absolute;right:15px;top:15px;transition:color var(--transition-fast)}.confirmation-modal-close:hover{color:var(--text-primary)}.confirmation-modal-icon{display:flex;justify-content:center;margin-bottom:20px}.confirmation-modal-title{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 15px;transition:color var(--transition-slow)}.confirmation-modal-message{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:25px;transition:color var(--transition-slow)}.confirmation-modal-message p{margin:0 0 10px}.confirmation-modal-message p:last-child{margin-bottom:0}.confirmation-modal-actions{display:flex;gap:12px;justify-content:center}.confirmation-modal-actions .btn-primary,.confirmation-modal-actions .btn-secondary{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:15px;font-weight:600;min-width:120px;padding:12px 30px;transition:all var(--transition-fast)}.confirmation-modal-actions .btn-secondary{background:var(--bg-input);color:var(--text-primary)}.confirmation-modal-actions .btn-secondary:hover{background:var(--bg-hover)}.confirmation-modal-actions .btn-primary{background:var(--color-primary);color:#fff}.confirmation-modal-actions .btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px var(--color-primary-light);transform:translateY(-2px)}.confirmation-modal-actions .btn-danger{background:var(--color-danger)}.confirmation-modal-actions .btn-danger:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d}.drag-drop-zone{align-items:center;background:var(--bg-card);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:center;min-height:140px;overflow:hidden;position:relative;transition:all var(--transition-normal)}.drag-drop-zone.dragging-over,.drag-drop-zone:hover:not(.disabled){background:var(--color-primary-light);border-color:var(--color-primary)}.drag-drop-zone.dragging-over{border-width:3px;transform:scale(1.01)}.drag-drop-zone.disabled{cursor:not-allowed;opacity:.5}.drag-drop-content{align-items:center;display:flex;flex-direction:column;gap:12px;padding:30px 20px;text-align:center;z-index:1}.drag-drop-icon{color:var(--text-muted);font-size:40px;transition:all var(--transition-normal)}.drag-drop-zone:hover .drag-drop-icon{color:var(--color-primary)}.drag-drop-zone.dragging-over .drag-drop-icon{color:var(--color-primary);transform:scale(1.1)}.upload-icon.animated{animation:pulse .5s ease-in-out infinite}.file-icons{display:flex;gap:16px}.file-type-icon{font-size:36px;opacity:.6;transition:all var(--transition-normal)}.drag-drop-zone:hover .file-type-icon{opacity:1}.drag-drop-text h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.drag-drop-text h3,.drag-drop-text p{transition:color var(--transition-slow)}.drag-drop-text p{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0}.upload-button-container{background-color:initial;border:1px solid var(--color-primary);border-radius:var(--radius-sm);margin-top:10px;padding:8px 16px;transition:all var(--transition-fast)}.drag-drop-zone:hover .upload-button-container{background-color:var(--color-primary)}.upload-button-text{color:var(--color-primary);font-size:13px;font-weight:500;transition:color var(--transition-fast)}.drag-drop-zone:hover .upload-button-text{color:#fff}.drop-indicator{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.drop-indicator-inner{animation:pulse-border 1s ease-in-out infinite;border:2px solid var(--color-primary);border-radius:var(--radius-md);bottom:8px;left:8px;position:absolute;right:8px;top:8px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse-border{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.98)}}.drag-drop-zone.compact{background:#0000;border:2px dashed var(--border-hover);border-radius:10px;min-height:auto;padding:28px}.drag-drop-zone.compact:hover:not(.disabled){background:#0071e30a;border-color:var(--color-primary)}.dark-mode .drag-drop-zone.compact:hover:not(.disabled){background:#0a84ff14}.drag-drop-zone.compact .drag-drop-content{gap:8px;padding:0}.drag-drop-zone.compact .compact-icon{color:var(--text-secondary);font-size:36px;transition:color var(--transition-fast)}.drag-drop-zone.compact:hover .compact-icon{color:var(--color-primary)}.drag-drop-zone.compact .compact-icon.animated{animation:pulse .5s ease-in-out infinite}.drag-drop-zone.compact h4{color:var(--text-primary);font-size:14px;font-weight:500;margin:0}.drag-drop-zone.compact p{color:var(--text-secondary);font-size:13px;margin:0}.drag-drop-zone.compact .browse-link{color:var(--color-primary);font-weight:500}@media (max-width:768px){.drag-drop-zone{min-height:120px}.drag-drop-content{padding:20px}.drag-drop-icon{font-size:32px}.drag-drop-text h3{font-size:14px}.drag-drop-text p{font-size:12px}}.form-modal.select-document-modal{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--bg-primary);padding:0}.select-document-modal .select-document-container{background:var(--bg-card);border-radius:0;display:flex;flex-direction:column;height:100%;max-height:none;max-width:none;overflow:hidden;padding:0;transition:background-color var(--transition-slow);width:100%}.select-document-content{display:flex;flex-direction:row;flex-grow:1;gap:24px;margin:20px 0;overflow:hidden;padding:0 24px}.section-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.upload-new-section{display:flex;flex:1 1;flex-direction:column;min-width:0}.upload-new-section .drag-drop-zone{display:flex;flex:1 1;flex-direction:column;justify-content:center}.upload-new-section .drag-drop-zone.disabled{cursor:not-allowed;opacity:.6}.divider-vertical{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;position:relative;width:40px}.divider-vertical:before{background-color:var(--border-color);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:1px}.divider-vertical span{background:var(--bg-card);color:var(--text-muted);font-size:13px;font-weight:500;padding:12px 0;position:relative;transition:background-color var(--transition-slow),color var(--transition-slow);z-index:1}.existing-documents-section{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.existing-documents-section .search-bar{flex-shrink:0;margin-bottom:12px}.document-list.disabled{opacity:.5;pointer-events:none}.document-item.disabled{cursor:not-allowed}@media (max-width:800px){.select-document-content{flex-direction:column;overflow-y:auto}.upload-new-section{flex:none}.upload-new-section .drag-drop-zone{min-height:150px}.divider-vertical{flex-direction:row;height:40px;width:100%}.divider-vertical:before{bottom:auto;height:1px;left:0;right:0;top:50%;transform:translateY(-50%);width:100%}.divider-vertical span{padding:0 12px}.existing-documents-section{flex:1 1;overflow:visible}}.btn-upload-new{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px var(--color-primary-light);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:15px 20px;transition:all var(--transition-fast);width:100%}.btn-upload-new:hover{background:var(--color-primary-hover);box-shadow:0 6px 16px var(--color-primary-light);transform:translateY(-2px)}.select-document-content .search-bar{flex-shrink:0;position:relative}.select-document-modal .search-icon{color:var(--text-muted);font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.select-document-modal .search-input{background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;padding:10px 12px 10px 35px;transition:all var(--transition-fast);width:100%}.select-document-modal .search-input::placeholder{color:var(--text-muted)}.select-document-modal .search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.document-list{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-grow:1;overflow-y:auto;transition:border-color var(--transition-slow),background-color var(--transition-slow)}.document-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:15px;padding:15px;transition:background-color var(--transition-fast)}.document-item:last-child{border-bottom:none}.document-item.selected,.document-item:hover{background-color:var(--bg-hover)}.document-item.selected{border-left:3px solid var(--color-primary)}.document-item-icon .file-type-icon{font-size:24px}.document-item-icon .pdf{color:var(--color-danger)}.document-item-icon .image{color:var(--color-success)}.document-item-icon .document{color:var(--color-primary)}.document-item-name{color:var(--text-primary);font-size:14px;font-weight:600;transition:color var(--transition-slow)}.document-item-date{color:var(--text-secondary);font-size:12px;margin-top:2px;transition:color var(--transition-slow)}.no-documents-found{color:var(--text-muted);padding:40px;text-align:center}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:15px;justify-content:space-between;margin-bottom:0;padding:20px 24px;position:relative;transition:border-color var(--transition-slow)}.modal-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0;transition:color var(--transition-slow)}.select-document-modal .modal-header .back-btn{flex-shrink:0;width:fit-content;z-index:1}.select-document-modal .modal-header .send-flow-progress{left:50%;position:absolute;top:calc(50% + 7px);transform:translate(-50%,-50%)}.select-document-modal .modal-header .close-modal{flex-shrink:0;width:fit-content;z-index:1}.close-modal{background:#dc35451a;border:none;border-radius:var(--radius-sm);color:var(--color-danger);cursor:pointer;font-size:16px;padding:8px;transition:all var(--transition-fast)}.close-modal:hover{background:#dc354533;color:#c82333}.modal-actions{gap:10px;margin-top:20px;padding-top:15px;transition:border-color var(--transition-slow)}.loading{color:var(--text-muted);font-size:14px;text-align:center}.tutorial-tooltip{animation:tutorialFadeIn var(--transition-slow) ease forwards;pointer-events:auto;position:fixed;z-index:9999}.tutorial-tooltip-content{background:var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg),0 0 0 1px #0000000d;color:#fff;max-width:280px;min-width:220px;padding:12px 24px 12px 16px;position:relative}.tutorial-tooltip-arrow{background:var(--color-primary);border-radius:2px;height:12px;position:absolute;transform:rotate(45deg);width:12px}.tutorial-tooltip-bottom .tutorial-tooltip-arrow{left:50%;margin-left:-6px;top:-5px}.tutorial-tooltip-top .tutorial-tooltip-arrow{bottom:-5px;left:50%;margin-left:-6px}.tutorial-tooltip-left .tutorial-tooltip-arrow{margin-top:-6px;right:-5px;top:50%}.tutorial-tooltip-right .tutorial-tooltip-arrow{left:-5px;margin-top:-6px;top:50%}.tutorial-tooltip-close{background:none;border:none;color:#ffffff73;cursor:pointer;font-size:16px;line-height:1;padding:0 2px;position:absolute;right:6px;top:6px;transition:color var(--transition-fast)}.tutorial-tooltip-close:hover{color:#fffc}.tutorial-tooltip-message{font-size:13px;font-weight:500;line-height:1.5}.tutorial-tooltip-message strong{font-weight:700}.tutorial-tooltip-skip{background:none;border:none;color:#ffffff59;cursor:pointer;display:block;font-size:11px;font-weight:400;margin-top:8px;padding:0;transition:color var(--transition-fast)}.tutorial-tooltip-skip:hover{color:#ffffff8c}.tutorial-highlight{position:relative}.tutorial-highlight:after{animation:tutorialPulse 2s ease-in-out infinite;border:2px solid var(--color-primary);border-radius:var(--radius-md);content:"";inset:-4px;pointer-events:none;position:absolute}@keyframes tutorialFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tutorial-tooltip-top{animation-name:tutorialFadeInUp}@keyframes tutorialFadeInUp{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tutorial-tooltip-left{animation-name:tutorialFadeInLeft}@keyframes tutorialFadeInLeft{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}.tutorial-tooltip-right{animation-name:tutorialFadeInRight}@keyframes tutorialFadeInRight{0%{opacity:0;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}@keyframes tutorialPulse{0%,to{opacity:.6}50%{opacity:1}}.dark-mode .tutorial-tooltip-content{box-shadow:var(--shadow-lg),0 0 0 1px #ffffff14}@media (max-width:768px){.tutorial-tooltip-content{max-width:240px;min-width:180px;padding:10px 14px}.tutorial-tooltip-message{font-size:12px}}.contact-management,.team-management{background-color:var(--bg-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:24px 32px;transition:background-color var(--transition-slow)}.contact-management .page-header,.team-management .page-header{align-items:center;background:#0000;border-radius:0;box-shadow:none;display:flex;justify-content:space-between;margin-bottom:24px;padding:0}.contact-management .header-content h1,.team-management .header-content h1{color:var(--text-primary);display:block;font-size:28px;font-weight:600;margin:0 0 4px;transition:color var(--transition-slow)}.contact-management .header-content h1 svg,.team-management .header-content h1 svg{display:none}.contact-management .page-subtitle,.team-management .page-subtitle{color:var(--text-secondary);display:block;font-size:14px;line-height:1.4;margin:0;transition:color var(--transition-slow)}.header-actions{flex-shrink:0;flex-wrap:nowrap}.contact-management .recipients-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;padding:0;transition:all var(--transition-slow)}.recipients-section .section-header{align-items:center;border-bottom:none;display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.recipients-section .section-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0;transition:color var(--transition-slow)}.recipients-section .search-bar{flex:1 1;max-width:350px;position:relative}.recipients-section .search-icon{color:var(--text-muted);font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.recipients-section .search-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-size:14px;height:38px;padding:0 16px 0 40px;transition:all var(--transition-normal);width:100%}.recipients-section .search-input::placeholder{color:var(--text-muted)}.recipients-section .search-input:focus{background:var(--bg-card);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.contact-management .list-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:16px;padding:14px 20px;transition:all var(--transition-fast)}.contact-management .list-item:last-child{border-bottom:none}.contact-management .list-item:hover{background:var(--bg-hover)}.list-icon.avatar{align-items:center;border-radius:var(--radius-sm);color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:40px;justify-content:center;width:40px}.contact-management .list-info{flex:1 1;min-width:0}.contact-management .list-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.contact-management .list-meta{color:var(--text-secondary);font-size:13px}.document-count{background:var(--bg-input);border-radius:var(--radius-sm);color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:500;padding:4px 10px}.contact-management .list-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.contact-management .list-item:hover .list-actions{opacity:1}.btn-action.edit{color:var(--color-primary)}.btn-action.edit:hover{background:var(--color-primary-light)}.contact-management .pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:center;padding:16px 20px}.contact-management .empty-state{align-items:center;background:#0000;border:none;border-radius:0;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.contact-management .empty-state svg{color:var(--text-muted);margin-bottom:16px;opacity:.4}.contact-management .empty-state p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 0 8px}.form-container{border-radius:var(--radius-lg);max-width:500px;padding:24px}.form-container h3{margin:0 0 20px}.form-grid{grid-gap:16px;gap:16px}.form-grid.simple-form{grid-template-columns:1fr}.form-group input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;padding:10px 14px;transition:all var(--transition-normal)}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{background:var(--bg-card);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-actions{padding-top:10px}.users-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.user-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.user-card:hover{border-color:var(--border-hover)}.user-card.owner.expanded{border:2px solid var(--color-primary)}.user-card.employee.expanded{border:2px solid var(--color-success)}.user-header{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:16px}.user-header:hover{background-color:var(--bg-hover)}.user-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.user-icon{color:var(--color-primary);flex-shrink:0;font-size:20px}.user-card.employee .user-icon{color:var(--color-success)}.user-details{flex:1 1;min-width:0}.user-details h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.user-details p{color:var(--text-secondary);font-size:13px;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{font-size:10px;margin-top:4px;padding:3px 8px}.role-badge.owner{background-color:var(--color-primary-light);color:var(--color-primary)}.role-badge.employee{background-color:#34c7591a;color:var(--color-success)}.expand-indicator{color:var(--text-muted);flex-shrink:0;font-size:16px;font-weight:600;-webkit-user-select:none;user-select:none}.user-expanded-content{background:var(--bg-input);padding:16px}.user-field{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.user-field:last-of-type{border-bottom:none}.user-field label{color:var(--text-secondary);font-weight:500}.user-field span{color:var(--text-primary);font-weight:500}.user-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.btn-delete,.btn-promote{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all var(--transition-fast)}.btn-promote.promote{background-color:var(--color-primary);color:#fff}.btn-promote.promote:hover{background-color:var(--color-primary-hover)}.btn-promote.demote{background-color:var(--color-warning);color:#212529}.btn-promote.demote:hover{filter:brightness(1.1)}.btn-delete{background-color:var(--color-danger);color:#fff}.btn-delete:hover{filter:brightness(1.1)}.current-user-note{color:var(--text-muted);font-size:12px;font-style:italic;margin:10px 0 0;text-align:center}.team-stats{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:32px;margin-bottom:24px;padding:16px 20px}.stat-item{color:var(--text-secondary);font-size:13px}.stat-item strong{color:var(--text-primary);font-weight:600;margin-right:6px}@media (max-width:1024px){.contact-management,.team-management{padding:20px}}@media (max-width:768px){.contact-management,.team-management{padding:16px}.contact-management .page-header,.team-management .page-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.contact-management .btn-primary,.contact-management .btn-secondary,.team-management .btn-primary,.team-management .btn-secondary{flex:1 1;justify-content:center}.recipients-section .section-header{align-items:stretch;flex-direction:column;gap:12px}.recipients-section .search-bar{max-width:100%}.contact-management .list-item{flex-wrap:wrap;gap:10px}.contact-management .list-info{flex-basis:calc(100% - 60px);flex-grow:1;flex-shrink:1;order:1}.document-count{order:2}.contact-management .list-actions{justify-content:flex-end;opacity:1;order:3;width:100%}.users-grid{grid-template-columns:1fr}.team-stats{flex-direction:column;gap:12px}.pagination{flex-wrap:wrap;gap:6px}}@media (max-width:480px){.contact-management,.team-management{padding:12px}.contact-management .header-content h1,.team-management .header-content h1{font-size:22px}.contact-management .list-item{padding:12px 16px}.list-icon.avatar{font-size:11px;height:36px;width:36px}.contact-management .list-name{font-size:13px}.contact-management .list-meta{font-size:12px}.document-count{font-size:11px;padding:3px 8px}.pagination-btn{font-size:12px;padding:6px 10px}}.signing-records{background-color:var(--bg-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:24px 32px;transition:background-color var(--transition-slow)}.signing-records .page-header{align-items:center;background:#0000;border-radius:0;box-shadow:none;display:flex;justify-content:space-between;margin-bottom:24px;padding:0}.signing-records .header-content h1{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 4px;transition:color var(--transition-slow)}.signing-records .page-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0;transition:color var(--transition-slow)}.signing-records .btn-refresh{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all var(--transition-fast);white-space:nowrap}.signing-records .btn-refresh:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover,var(--border-color));color:var(--text-primary)}.signing-records .btn-refresh:disabled{cursor:not-allowed;opacity:.6}.signing-records .btn-refresh .refresh-icon{font-size:12px;transition:transform .3s ease}.signing-records .btn-refresh.refreshing .refresh-icon{animation:spin .8s linear infinite}.signing-records .search-section{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:20px}.signing-records .search-bar{flex:0 1 400px;height:42px;margin-bottom:0;position:relative}.signing-records .search-icon{color:var(--text-muted);font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.signing-records .search-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:14px;height:42px;padding:0 16px 0 40px;transition:all var(--transition-normal);width:100%}.signing-records .search-input::placeholder{color:var(--text-muted)}.signing-records .search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.signing-records .filter-buttons{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;display:flex;gap:0;height:42px;padding:4px}.signing-records .filter-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all var(--transition-fast);white-space:nowrap}.signing-records .filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.signing-records .filter-btn.active{background:var(--color-primary);color:#fff}.signing-records .filter-btn.active:hover{background:var(--color-primary-hover)}.signing-records .filter-icon{font-size:12px}.signing-records-list{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.signing-records-list .section-header{align-items:center;border-bottom:none;display:flex;padding:16px 20px}.signing-records-list .section-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.signing-record-card{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:16px;padding:14px 20px;transition:background-color var(--transition-fast)}.signing-record-card:last-child{border-bottom:none}.signing-record-card:hover{background:var(--bg-hover)}.signing-record-card.completed,.signing-record-card.pending{border-left:none}.record-header{cursor:pointer;padding:0}.record-header,.record-main-info{align-items:center;display:flex;width:100%}.record-main-info{gap:16px}.expand-icon{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;font-size:12px;justify-content:center;transition:color var(--transition-fast);width:20px}.signing-record-card:hover .expand-icon{color:var(--text-secondary)}.file-name-section{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.file-icon{color:var(--color-primary);flex-shrink:0;font-size:20px}.record-file-name{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-metadata{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;margin-top:2px}.record-status{align-items:center;display:flex;flex-shrink:0;margin-left:auto}.status-badge{border-radius:20px;font-weight:500;padding:6px 12px;white-space:nowrap}.signing-record-card.completed .status-text,.status-badge.completed{background:#34c7591a;color:var(--color-success)}.signing-record-card.pending .status-text,.status-badge.pending{background:#f5a6231a;color:var(--color-warning)}.status-icon{display:none}.status-text{border-radius:20px;font-size:12px;font-weight:500;padding:6px 12px}.signing-record-card.expanded{align-items:stretch;flex-direction:column;padding:0}.signing-record-card.expanded .record-header{border-bottom:1px solid var(--border-color);padding:14px 20px}.record-body{background:#0000;padding:16px 24px}.recipients-section{margin-bottom:16px;padding:8px 4px 0}.recipients-header{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}.recipients-icon{color:var(--color-primary);font-size:14px}.recipients-list{display:flex;flex-direction:column;gap:8px}.recipient-item{align-items:center;background:#0000;border-left:3px solid #0000;display:flex;justify-content:space-between;padding:12px 16px;transition:all var(--transition-fast)}.recipient-item:hover{background:var(--bg-hover)}.recipient-item.signed{border-left:3px solid var(--color-success)}.recipient-item.pending{border-left:3px solid var(--color-warning)}.recipient-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.recipient-name{color:var(--text-primary);font-size:14px;font-weight:500;white-space:nowrap}.recipient-email{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-status{align-items:center;display:flex;flex-shrink:0;gap:10px}.pending-indicator,.signed-indicator{align-items:center;display:flex;font-size:12px;font-weight:500;gap:8px}.signed-indicator{color:var(--color-success)}.pending-indicator{color:var(--color-warning)}.signed-date{color:var(--text-muted);font-size:11px}.btn-send-reminder{align-items:center;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;padding:6px 12px;transition:all var(--transition-fast)}.btn-send-reminder:hover{background:var(--border-color)}.admin-note-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:16px;padding:14px 16px}.admin-note-section strong{color:var(--text-primary);font-size:13px;font-weight:600}.admin-note-section p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:6px 0 0}.record-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:16px}.record-details{color:var(--text-muted);flex-wrap:wrap;font-size:12px}.record-actions,.record-details{align-items:center;display:flex;gap:8px}.btn-download-document,.btn-remind-all,.btn-view-document{align-items:center;background:var(--bg-hover);border:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 14px;transition:all var(--transition-fast)}.btn-download-document:hover,.btn-remind-all:hover,.btn-view-document:hover{background:var(--border-color)}.btn-void-document{align-items:center;background:#ff3b3014;border:1px solid #ff3b3033;border-radius:var(--radius-sm);color:#ff3b30;color:var(--color-danger,#ff3b30);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 14px;transition:all var(--transition-fast)}.btn-void-document:hover{background:#ff3b3026}.signing-record-card.declined .status-text,.signing-record-card.voided .status-text{background:#ff3b3014;color:#ff3b30;color:var(--color-danger,#ff3b30)}.status-icon.declined,.status-icon.voided{color:#ff3b30;color:var(--color-danger,#ff3b30)}.void-reason-section{background:#ff3b300a;border:1px solid #ff3b3026;border-radius:var(--radius-sm);margin-bottom:16px;padding:14px 16px}.void-reason-section strong{color:var(--text-primary);font-size:13px;font-weight:600}.void-reason-section p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:6px 0 0}.void-reason-section .void-date{color:var(--text-muted);display:block;font-size:12px;margin-top:6px}.void-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.void-modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0003;box-shadow:var(--shadow-xl,0 20px 60px #0003);max-width:480px;padding:28px;width:100%}.void-modal h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 12px}.void-modal p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.void-warning{color:#ff3b30!important;color:var(--color-danger,#ff3b30)!important;font-size:13px!important}.void-reason-label{color:var(--text-primary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.void-reason-textarea{background:#fff;background:var(--bg-input,#fff);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:72px;padding:10px 12px;resize:vertical;width:100%}.void-reason-textarea:focus{border-color:var(--color-primary);outline:none}.void-modal-actions{display:flex;gap:10px;margin-top:20px}.btn-void-confirm{background:#ff3b30;background:var(--color-danger,#ff3b30);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:opacity var(--transition-fast)}.btn-void-confirm:hover:not(:disabled){opacity:.9}.btn-void-confirm:disabled{cursor:not-allowed;opacity:.5}.btn-void-cancel{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all var(--transition-fast)}.btn-void-cancel:hover:not(:disabled){background:var(--border-color)}.btn-void-cancel:disabled{cursor:not-allowed;opacity:.5}.empty-state{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);padding:80px 20px}.empty-state svg{margin-bottom:16px;opacity:.4}.empty-state p{color:var(--text-secondary);line-height:1.5;margin:0 0 8px}.empty-subtitle{color:var(--text-muted);font-size:14px;margin:0}.pagination{background:var(--bg-card)}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}@media (max-width:1024px){.signing-records{padding:20px}}@media (max-width:768px){.signing-records{padding:16px}.signing-records .page-header{flex-direction:column;gap:16px}.signing-records .header-content h1{font-size:24px}.signing-records .search-section{align-items:center;flex-direction:row;flex-wrap:wrap}.signing-records .search-bar{flex:1 1;max-width:100%;min-width:200px}.signing-records .filter-buttons{flex-shrink:0}.record-main-info{align-items:flex-start;flex-direction:column;gap:10px}.record-status{align-self:flex-start;margin-left:0}.recipient-item{align-items:flex-start;flex-direction:column;gap:10px}.recipient-status{align-self:flex-start;justify-content:space-between;width:100%}.record-footer{align-items:stretch;flex-direction:column;gap:12px}.record-actions{flex-wrap:wrap}.btn-download-document,.btn-remind-all,.btn-view-document{flex:1 1;justify-content:center;min-width:100px}}@media (max-width:480px){.signing-records{padding:12px}.signing-records .header-content h1{font-size:22px}.record-body,.signing-record-card,.signing-record-card.expanded .record-header{padding:12px 16px}.recipient-item{padding:10px 12px}.pagination{flex-wrap:wrap;gap:6px}.pagination-info{margin-bottom:8px;order:-1;text-align:center;width:100%}}.files-page{background-color:var(--bg-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:24px 32px;transition:background-color var(--transition-slow)}.files-page-header{align-items:center;background:#0000;display:flex;justify-content:space-between;margin-bottom:24px;padding:0}.files-page-header .header-content h1{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 4px;transition:color var(--transition-slow)}.files-page-header .page-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0;transition:color var(--transition-slow)}.header-actions{align-items:center;display:flex;gap:12px}.files-page .upload-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:42px;margin:0;padding:10px 20px;transition:all var(--transition-fast);white-space:nowrap}.files-page .upload-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.files-page .upload-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.dropdown{position:relative}.dropdown,.dropdown-btn{align-items:center;display:inline-flex}.dropdown-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);cursor:pointer;font-size:14px;gap:8px;height:42px;padding:10px 16px;transition:all var(--transition-fast);white-space:nowrap}.dropdown-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.dropdown-btn svg{height:16px;width:16px}.dropdown-chevron{height:12px!important;transition:transform var(--transition-fast);width:12px!important}.dropdown.open .dropdown-chevron{transform:rotate(180deg)}.dropdown-menu{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:none;left:0;margin-top:4px;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:100}.dropdown.open .dropdown-menu{display:block}.dropdown-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item svg{flex-shrink:0;height:20px;width:20px}.files-page .drag-drop-zone{margin-bottom:24px}.files-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-slow)}.files-section-header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.files-section-header h2{color:var(--text-primary);font-size:15px;font-weight:600;margin:0;transition:color var(--transition-slow)}.files-page .search-bar{flex:1 1;max-width:300px;position:relative}.files-page .search-icon{color:var(--text-muted);font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.files-page .search-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-size:14px;height:38px;padding:0 16px 0 40px;transition:all var(--transition-normal);width:100%}.files-page .search-input::placeholder{color:var(--text-muted)}.files-page .search-input:focus{background:var(--bg-card);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.files-list{display:flex;flex-direction:column}.list-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:16px;padding:14px 20px;transition:all var(--transition-fast)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--bg-hover)}.list-icon{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.file-type-icon,.list-icon svg{font-size:24px}.file-type-icon.pdf{color:#dc3545}.file-type-icon.image{color:var(--color-success)}.file-type-icon.document{color:var(--color-primary)}.file-type-icon.word{color:#2b579a}.file-type-icon.excel{color:#217346}.file-type-icon.powerpoint{color:#d24726}.file-type-icon.html{color:#e34c26}.list-info{flex:1 1;min-width:0}.list-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-meta{color:var(--text-secondary);font-size:13px}.file-type-label{background:var(--bg-input);border-radius:var(--radius-sm);color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:500;padding:4px 10px}.list-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.list-item:hover .list-actions{opacity:1}.btn-action{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px;transition:all var(--transition-fast)}.btn-action:hover{background:var(--bg-hover)}.btn-action.send,.btn-action.send:hover{color:var(--color-primary)}.btn-action.send:hover{background:var(--color-primary-light)}.btn-action.view{color:var(--color-success)}.btn-action.view:hover{background:#34c7591a}.btn-action.delete{color:var(--color-danger)}.btn-action.delete:hover{background:#ff3b301a}.pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:center;padding:16px 20px}.pagination-btn{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled):not(.active){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:13px;padding:0 8px}.files-page .empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.files-page .empty-state svg{color:var(--text-muted);margin-bottom:16px;opacity:.4}.files-page .empty-state p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 0 8px}.files-page .empty-subtitle{color:var(--text-muted);font-size:14px;margin:0}@media (max-width:1024px){.files-page{padding:20px}}@media (max-width:768px){.files-page{padding:16px}.files-page-header{align-items:stretch;gap:16px}.files-page-header,.header-actions{flex-direction:column}.dropdown,.files-page .upload-button{width:100%}.dropdown-btn{justify-content:center;width:100%}.files-section-header{align-items:stretch;flex-direction:column;gap:12px}.files-page .search-bar{max-width:100%}.list-item{flex-wrap:wrap;gap:10px}.list-info{flex-basis:calc(100% - 60px);flex-grow:1;flex-shrink:1;order:1}.file-type-label{order:2}.list-actions{justify-content:flex-end;opacity:1;order:3;width:100%}.pagination{flex-wrap:wrap;gap:6px}}@media (max-width:480px){.files-page{padding:12px}.files-page-header .header-content h1{font-size:22px}.list-item{padding:12px 16px}.list-icon{height:32px;width:32px}.list-icon svg{font-size:20px}.list-name{font-size:13px}.list-meta{font-size:12px}.file-type-label{font-size:11px;padding:3px 8px}.pagination-btn{font-size:12px;padding:6px 10px}}.team-management{background-color:var(--bg-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:24px 32px;transition:background-color var(--transition-slow)}.team-management .page-header{align-items:flex-start;background:#0000;display:flex;justify-content:space-between;margin-bottom:24px;padding:0}.team-management .header-content h1{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 4px;transition:color var(--transition-slow)}.team-management .page-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0;transition:color var(--transition-slow)}.team-management .header-actions{align-items:center;display:flex;gap:12px}.team-management .btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all var(--transition-fast)}.team-management .btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px #0071e34d;transform:translateY(-1px)}.tab-bar{border-bottom:1px solid var(--border-color);display:flex;gap:0;margin-bottom:24px}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:-1px;padding:12px 20px;transition:all var(--transition-fast)}.tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tab-btn.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.tab-count{background:var(--bg-input);border-radius:10px;color:var(--text-secondary);font-size:12px;font-weight:600;padding:2px 8px}.tab-btn.active .tab-count{background:#0071e31a;color:var(--color-primary)}.list-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;transition:background-color var(--transition-slow),border-color var(--transition-slow)}.item-list{display:flex;flex-direction:column}.list-row{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:16px 22px;transition:background-color var(--transition-fast)}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--bg-hover)}.row-left{flex:1 1;gap:14px;min-width:0}.row-avatar,.row-left{align-items:center;display:flex}.row-avatar{background:var(--color-primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.row-avatar.invite-avatar{background:var(--bg-input);color:var(--color-primary);font-size:16px}.row-info{min-width:0}.row-name{color:var(--text-primary);font-size:14px;font-weight:600}.row-detail,.row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-detail{color:var(--text-secondary);font-size:13px;margin-top:2px}.row-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.role-badge{border-radius:12px;padding:4px 12px}.role-badge.owner{background:#e3f2fd;color:#1565c0}.role-badge.admin{background:#f3e5f5;color:#7b1fa2}.dark-mode .role-badge.owner{background:#1565c033}.dark-mode .role-badge.admin{background:#7b1fa233}.status-badge{align-items:center;display:inline-flex;font-size:11px;gap:6px;line-height:1;padding:4px 12px;text-transform:uppercase}.status-badge svg{flex-shrink:0;vertical-align:middle}.status-badge.active{background:#d4edda;color:#155724}.status-badge.expired{background:#fff3cd;color:#856404}.status-badge.used{background:#e2e3e5;color:#383d41}.status-badge.revoked{background:#f8d7da;color:#721c24}.dark-mode .status-badge.active{background:#1557244d;color:#81c784}.dark-mode .status-badge.expired{background:#8564044d;color:#ffd54f}.dark-mode .status-badge.used{background:#383d414d;color:#b0bec5}.dark-mode .status-badge.revoked{background:#721c244d;color:#ef9a9a}.row-actions{align-items:center;display:flex;gap:6px}.btn-small{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all var(--transition-fast)}.btn-small.primary{background:var(--color-primary);color:#fff}.btn-small.primary:hover{background:var(--color-primary-hover)}.btn-small.warning{background:var(--color-warning);color:#212529}.btn-small.warning:hover{filter:brightness(1.1)}.btn-small.danger{background:var(--color-danger);color:#fff}.btn-small.danger:hover{filter:brightness(1.1)}.btn-icon{border-radius:6px;display:flex;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-hover);color:var(--color-primary)}.btn-icon.revoke:hover{color:var(--color-warning)}.team-management .empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.team-management .empty-state svg{color:var(--text-muted);margin-bottom:16px;opacity:.4}.team-management .empty-state p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 0 8px}.empty-subtitle{color:var(--text-muted)!important;font-size:14px!important}.form-modal{background:#00000080}.form-container{background:var(--bg-card);border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px}.form-container h3{font-size:22px;margin:0 0 25px}.form-grid{grid-template-columns:1fr;margin-bottom:25px}.form-group label{font-weight:600;margin-bottom:8px}.form-group input,.form-group select{background:var(--bg-input);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0071e31a;outline:none}.form-hint{color:var(--text-secondary);font-size:12px;line-height:1.4;margin-top:6px}.form-actions{gap:12px}.team-management .btn-secondary{background:var(--bg-input)}.team-management .btn-secondary:hover{background:var(--bg-hover)}@media (max-width:1024px){.team-management{padding:20px}}@media (max-width:768px){.team-management{padding:16px}.team-management .page-header{align-items:stretch;flex-direction:column;gap:16px}.team-management .header-actions{width:100%}.team-management .btn-primary{justify-content:center;width:100%}.list-row{align-items:flex-start;flex-direction:column;gap:12px}.row-right{justify-content:space-between;width:100%}.row-detail{white-space:normal}}@media (max-width:480px){.team-management{padding:12px}.team-management .header-content h1{font-size:22px}.tab-btn{font-size:13px;padding:10px 14px}}.admin-panel{background-color:var(--bg-primary);margin:0 auto;max-width:1200px;min-height:100vh;padding:24px 32px;transition:background-color var(--transition-slow)}.admin-panel .page-header{align-items:flex-start;background:#0000;display:flex;justify-content:space-between;margin-bottom:24px;padding:0}.admin-panel .header-content h1{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 4px;transition:color var(--transition-slow)}.admin-panel .page-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0;transition:color var(--transition-slow)}.admin-panel .header-actions{align-items:center;display:flex;gap:12px}.admin-panel .btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all var(--transition-fast)}.admin-panel .btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px #0071e34d;transform:translateY(-1px)}.admin-panel .list-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;transition:background-color var(--transition-slow),border-color var(--transition-slow)}.admin-panel .list-section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:18px 22px}.admin-panel .section-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.admin-panel .current-org-label{color:var(--text-secondary);font-size:13px}.admin-panel .current-org-label strong{color:var(--color-primary);font-family:ui-monospace,monospace;font-size:12px}.admin-panel .item-list{display:flex;flex-direction:column}.admin-panel .list-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 22px;transition:background-color var(--transition-fast)}.admin-panel .list-row:last-child{border-bottom:none}.admin-panel .list-row:hover{background:var(--bg-hover)}.admin-panel .row-left{align-items:center;display:flex;flex:1 1;gap:14px;min-width:0}.admin-panel .row-avatar{align-items:center;background:var(--bg-input);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.admin-panel .row-info{min-width:0}.admin-panel .row-name{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px}.admin-panel .current-badge{background:var(--bg-input);border-radius:10px;color:var(--text-secondary);font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.admin-panel .row-detail{color:var(--text-secondary);font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-panel .row-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.admin-panel .role-badge{background:var(--bg-input);border-radius:12px;color:var(--text-secondary);display:inline-block;font-size:11px;font-weight:600;padding:4px 12px;text-transform:uppercase}.admin-panel .row-actions{align-items:center;display:flex;gap:6px}.admin-panel .btn-small{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all var(--transition-fast)}.admin-panel .btn-small.primary{background:var(--color-primary);color:#fff}.admin-panel .btn-small.primary:hover{background:var(--color-primary-hover)}.admin-panel .btn-small.danger{background:var(--color-danger);color:#fff}.admin-panel .btn-small.danger:hover{filter:brightness(1.1)}.admin-panel .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-panel .modal-content{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;padding:24px;width:90%}.admin-panel .modal-content h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.admin-panel .form-group{margin-bottom:20px}.admin-panel .form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.admin-panel .form-group input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:10px 14px;transition:all var(--transition-normal);width:100%}.admin-panel .form-group input::placeholder{color:var(--text-muted)}.admin-panel .form-group input:focus{background:var(--bg-card);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.admin-panel .modal-actions{display:flex;gap:12px;justify-content:flex-end}.admin-panel .btn-cancel{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all var(--transition-fast)}.admin-panel .btn-cancel:hover{background:var(--bg-hover);border-color:var(--border-hover)}.admin-panel .btn-submit{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all var(--transition-fast)}.admin-panel .btn-submit:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.admin-panel .btn-submit:disabled{cursor:not-allowed;opacity:.6}.admin-panel .empty-state{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.admin-panel .empty-state svg{color:var(--text-muted);margin-bottom:16px;opacity:.4}.admin-panel .empty-state p{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 0 20px}.access-denied{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:50px auto;max-width:500px}.access-denied svg{color:var(--color-danger);margin-bottom:16px;opacity:.4}.access-denied h2{font-size:20px;margin:0 0 8px}.access-denied p{font-size:14px;line-height:1.5;margin:0}@media (max-width:1024px){.admin-panel{padding:20px}}@media (max-width:768px){.admin-panel{padding:16px}.admin-panel .page-header{align-items:stretch;flex-direction:column;gap:16px}.admin-panel .header-actions{width:100%}.admin-panel .btn-primary{justify-content:center;width:100%}.admin-panel .list-section-header{align-items:stretch;flex-direction:column;gap:12px}.admin-panel .list-row{align-items:flex-start;flex-direction:column;gap:12px}.admin-panel .row-right{justify-content:space-between;width:100%}.admin-panel .row-detail{white-space:normal}}@media (max-width:480px){.admin-panel{padding:12px}.admin-panel .header-content h1{font-size:22px}}.public-signing-interface{background-color:var(--bg-primary);display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:background-color var(--transition-slow)}.signing-complete,.signing-error,.signing-loading{align-items:center;background-color:var(--bg-primary);display:flex;height:100vh;justify-content:center;text-align:center}.complete-content,.error-content,.loading-content,.signing-complete,.signing-error,.signing-loading{color:var(--text-primary);transition:background-color var(--transition-slow),color var(--transition-slow)}.complete-content,.error-content,.loading-content{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-lg);max-width:500px;padding:40px}.complete-content h2,.error-content h2{color:var(--text-primary);margin:20px 0 15px}.complete-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.complete-subtext{color:var(--text-secondary);font-size:14px;margin-top:8px}.full-height-main-content{display:flex;flex:1 1;overflow:hidden}.full-height-document{background:var(--bg-primary);min-width:0;transition:background-color var(--transition-slow)}.full-height-document,.full-height-document .pdf-content{display:flex;flex:1 1;flex-direction:column;overflow:auto;position:relative}.full-height-document .pdf-content{align-items:flex-start;justify-content:flex-start;min-height:0;padding:20px}.full-height-document .pdf-content.rasterized{background:#0000;box-shadow:none}.full-height-document .document-preview{background:var(--bg-card);box-shadow:var(--shadow-lg);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-height:none;max-width:none;object-fit:contain;width:750px}.compact-header{align-items:center;background:var(--bg-card);box-shadow:var(--shadow-md);display:flex;flex-shrink:0;gap:15px;padding:10px 20px;transition:background-color var(--transition-slow)}.compact-header h2{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.full-height-document .page-navigation{border:1px solid var(--border-color);border-radius:20px;gap:12px;left:50%;padding:8px 16px;transform:translateX(-50%)}.document-zoom-controls,.full-height-document .page-navigation,.full-height-document .zoom-controls{align-items:center;background:var(--bg-card);box-shadow:var(--shadow-md);display:flex;position:absolute;top:20px;transition:background-color var(--transition-slow),border-color var(--transition-slow);z-index:50}.document-zoom-controls,.full-height-document .zoom-controls{border:1px solid var(--border-color);border-radius:6px;flex-direction:row;gap:8px;padding:8px;right:20px}.page-number-input{background-color:var(--bg-input)}.zoom-btn{color:var(--text-primary)}.full-height-document .document-image-container{background:var(--bg-card);border-radius:4px;box-shadow:var(--shadow-lg);display:inline-block;line-height:0;margin:0 auto;min-width:750px;overflow:visible;position:relative;touch-action:none;transform-origin:center top;transition:background-color var(--transition-slow)}.full-height-document .rasterized-image{display:block;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-width:none;min-height:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:750px}.signature-overlay p{margin:0}.public-signing-interface .signature-box{align-items:center;background-color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;overflow:hidden;pointer-events:auto;position:absolute;transition:all .2s ease;z-index:15}.public-signing-interface .signature-box.unsigned:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:scale(1.02)}.public-signing-interface .signature-box.signed{background-color:initial;border:none;box-shadow:none;cursor:pointer}.public-signing-interface .signature-box.signed.initials,.public-signing-interface .signature-box.signed.signature{background-color:initial;border:2px solid var(--color-primary);border-radius:6px;box-sizing:border-box;overflow:hidden}.public-signing-interface .signature-box.signed.initials:hover,.public-signing-interface .signature-box.signed.signature:hover{background-color:initial;border:2px solid var(--color-primary);box-shadow:none;transform:none}.public-signing-interface .signature-box.embedded-text{align-items:center;background:#0000;border:none;box-shadow:none;cursor:default;display:flex;justify-content:flex-start;overflow:hidden;pointer-events:none}.embedded-text-value{color:var(--text-primary);display:block;font-size:12px;font-weight:500;line-height:1.2;max-width:100%;min-width:0;overflow:hidden;padding-left:2px;text-overflow:ellipsis;white-space:nowrap}.public-signing-interface .signature-box.auto-date-placeholder{align-items:center;background-color:initial;border:none;box-shadow:none;cursor:default;display:flex;justify-content:flex-start;overflow:hidden;pointer-events:none}.auto-date-label{color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:500;line-height:1.2;overflow:hidden;padding-left:2px;text-overflow:ellipsis;white-space:nowrap}.public-signing-interface .signature-box.fillable-text-input{align-items:center;background-color:color-mix(in srgb,#dbeafe 50%,#fff);border:1.5px solid #93c5fd;border-radius:4px;box-shadow:none;cursor:text;display:flex;position:relative}.public-signing-interface .signature-box.fillable-text-input.signed{background-color:color-mix(in srgb,#dbeafe 50%,#fff);border-color:#93c5fd}.public-signing-interface .signature-box.fillable-text-input.next-field{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb33}.fillable-text-input-field{color:#111;color:var(--text-primary,#111);font-family:inherit}.fillable-text-input-field::placeholder{color:#aaa;font-style:italic}.fillable-field-floating-label{font-weight:500;left:2px;top:-16px}.fillable-field-floating-label,.signing-checkbox-label{color:#4b5563;font-size:10px;pointer-events:none;position:absolute;white-space:nowrap}.signing-checkbox-label{left:100%;margin-left:4px;max-width:120px;overflow:hidden;text-overflow:ellipsis;top:50%;transform:translateY(-50%)}.linked-auto-filled{align-items:center;color:#4f46e5;color:var(--color-primary,#4f46e5);display:flex;font-size:9px;gap:3px;pointer-events:none;position:absolute;right:2px;top:-16px;white-space:nowrap}.public-signing-interface .signature-box.fillable-checkbox{background-color:color-mix(in srgb,#dbeafe 50%,#fff);border:1.5px solid #93c5fd;border-radius:3px;box-shadow:none}.public-signing-interface .signature-box.fillable-checkbox.signed{background-color:color-mix(in srgb,#dbeafe 50%,#fff);border-color:#93c5fd}.public-signing-interface .signature-box.fillable-checkbox.next-field{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb33}.checkbox-empty{background:#fff}.signed-signature-display{align-items:center;display:flex;flex:1 1;justify-content:flex-start;min-height:0;overflow:hidden;position:relative}.signed-by-label{color:var(--color-primary);font-size:9px;font-weight:500;left:0;letter-spacing:.2px;line-height:1;position:absolute;top:-12px;white-space:nowrap}.signed-initials-display{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden}.signed-initials-display img{max-height:100%;max-width:100%;object-fit:contain}.signed-signature-display .signature-preview{align-items:center;display:flex;height:100%;justify-content:flex-start;width:100%}.signed-signature-display .signature-preview img{max-height:100%;max-width:100%;object-fit:contain}.public-signing-interface .signature-box.active{background-color:var(--color-warning);border-color:var(--color-warning)}.public-signing-interface .signature-box.next-field{background-color:#d4a017;border-color:#d4a017;border-width:2px;box-shadow:0 0 0 3px #d4a0174d;z-index:20}.public-signing-interface .signature-box.date{background-color:var(--color-primary);border-color:var(--color-primary)}.public-signing-interface .signature-box.date:hover:not(.signed){background-color:#1e3a5f;border-color:#1e3a5f}.public-signing-interface .signature-box.date.signed{background-color:initial;border:none;box-shadow:none}.public-signing-interface .signature-box-label{align-items:center;background-color:initial;box-shadow:none;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.3px;max-width:100%;min-width:0;min-width:auto;overflow:hidden;padding:2px 6px;position:static;text-overflow:ellipsis;white-space:nowrap}.public-signing-interface .signed-indicator{align-items:stretch;display:flex;height:100%;justify-content:stretch;overflow:visible;padding:0;position:relative;width:100%}.edit-signature-btn{align-items:center;background:var(--bg-card);border:1px solid var(--color-primary);border-radius:4px;color:var(--color-primary);cursor:pointer;display:flex;font-size:12px;justify-content:center;opacity:0;padding:6px 8px;pointer-events:auto;position:absolute;right:4px;top:4px;transition:all .2s;z-index:10}.signed-indicator:hover .edit-signature-btn{opacity:1}.edit-signature-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.date-display{border:1px solid #2563eb4d;box-shadow:var(--shadow-sm);overflow:hidden;padding:1px 3px;text-overflow:ellipsis}.date-display,.signer-name{background:var(--bg-card);color:var(--color-primary)}.signature-modal{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.signature-modal{background-color:#000000f2;padding:0}}.signature-modal-content{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;position:relative;transition:background-color var(--transition-slow);width:100%}@media (max-width:768px){.signature-modal-content{border-radius:0;height:100%;margin:0;max-height:100%;max-width:100%;padding:20px 10px;width:100%}.signature-modal-content.final-confirmation-modal{display:flex;flex-direction:column;overflow:hidden}.final-confirmation-scroll{flex:1 1;min-height:0;overflow-y:auto}.final-confirmation-footer{border-top:1px solid var(--border-color);flex-shrink:0;padding-top:12px}}.modal-close-x{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;padding:5px;position:absolute;right:15px;top:15px;transition:all .2s;width:35px}.modal-close-x:hover{background:var(--bg-hover);color:var(--text-primary)}.signature-modal-content h3{color:var(--text-primary);font-size:20px;margin:0 0 15px;text-align:center}.signature-modal-content p{color:var(--text-secondary);margin:0 0 20px;text-align:center}.signature-mode-toggle{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.mode-btn{align-items:center;background:var(--bg-input);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.mode-btn:hover{background:var(--color-primary-light)}.mode-btn.active,.mode-btn:hover{border-color:var(--color-primary)}.mode-btn.active{background:var(--color-primary);color:#fff}.signature-canvas-container{border:2px solid var(--color-primary);border-radius:8px;margin-bottom:20px;min-height:170px;padding:10px;position:relative}.canvas-clear-btn,.signature-canvas-container{align-items:center;background:var(--bg-card);display:flex;justify-content:center}.canvas-clear-btn{border:2px solid var(--color-primary);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--color-primary);cursor:pointer;height:36px;position:absolute;right:10px;top:10px;transition:all .2s;width:36px;z-index:10}.canvas-clear-btn:hover{background:var(--color-primary);color:#fff;transform:rotate(1turn)}.signature-canvas{background:var(--bg-card);border:1px dashed var(--border-hover);cursor:crosshair}.cursive-signature-preview{align-items:center;border:1px dashed var(--border-hover);border-radius:4px;display:flex;height:150px;justify-content:center;width:400px}.cursive-signature-preview img{max-height:100%;max-width:100%;object-fit:contain}.no-signature-preview{color:var(--text-muted);font-style:italic;text-align:center}.signature-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.public-signing-interface .btn-primary,.public-signing-interface .btn-secondary{border-radius:6px;gap:6px}.public-signing-interface .btn-secondary{background:var(--bg-input)}@media (max-width:1024px){.full-height-document .pdf-content{padding:15px}.full-height-document .page-navigation{top:10px}.document-zoom-controls,.full-height-document .zoom-controls{right:10px;top:10px}}@media (max-width:768px){.full-height-main-content{flex-direction:column}.full-height-document{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:auto}.full-height-document .document-image-container{touch-action:manipulation}.full-height-document .pdf-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:auto;padding:10px;width:100%}.public-signing-interface .signature-box.unsigned{border-width:2px}.public-signing-interface .signature-box-label{font-size:10px;gap:2px;padding:1px 4px}.public-signing-interface .signature-overlay{pointer-events:none}.public-signing-interface .signature-overlay .signature-box{pointer-events:auto}.signature-modal{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#00000080}.signature-modal-content{border-radius:12px;box-sizing:border-box;margin:20px;max-height:calc(100vh - 40px);max-width:calc(100% - 40px);padding:20px;width:calc(100% - 40px)}.signature-modal-content h3{margin-bottom:16px;padding:0}.signature-modal-content>p{padding:0}.signature-modal-content>ul{margin-bottom:20px;padding-left:24px}.signature-modal-actions,.signature-mode-toggle{padding:0}.signature-canvas-container{border-left:none;border-radius:0;border-right:none;margin-left:0;margin-right:0}.cursive-signature-preview,.signature-canvas{height:250px;max-width:100%;width:100%}.full-height-document .page-navigation{align-self:center;gap:8px;left:0;margin-bottom:6px;padding:4px 10px;position:relative;top:0;transform:none}.page-nav-btn{font-size:12px;min-height:32px;min-width:32px;padding:4px 6px}.page-info-wrapper{gap:4px}.page-info{font-size:12px}.page-number-input{font-size:12px;padding:4px 6px;width:40px}.document-zoom-controls,.full-height-document .zoom-controls{align-self:center;gap:4px;margin-bottom:6px;padding:4px;position:relative;right:0;top:0}.zoom-btn{font-size:12px;min-height:32px;min-width:32px;padding:4px 6px}.zoom-level{font-size:11px;min-width:35px;padding:4px}}@media (max-width:480px){.signature-modal-actions{flex-direction:column;gap:10px}.btn-primary,.btn-secondary{font-size:16px;justify-content:center;min-height:44px}.signature-mode-toggle{flex-direction:column}.signature-modal-content{border-radius:12px;margin:16px;max-width:calc(100% - 32px);padding:20px 16px;width:calc(100% - 32px)}.signature-canvas-container{border-left:none;border-radius:0;border-right:none;margin-left:-16px;margin-right:-16px;min-height:250px;padding:0;width:calc(100% + 32px)}.signature-canvas,.signature-canvas-container .cursive-signature-preview,.signature-canvas-container canvas{max-width:100%!important;width:100%!important}.signature-canvas{border-radius:0!important;height:250px!important}.cursive-signature-preview{border-radius:0!important;max-width:100%;min-height:250px;width:100%}.document-zoom-controls,.full-height-document .zoom-controls{gap:4px;padding:3px}.date-display{padding:2px 4px}.signature-canvas-container canvas{height:auto!important;max-width:100%;touch-action:none}.signature-modal-content{touch-action:manipulation}}.combined-controls-bar{align-items:center;background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-sm);display:flex;gap:4px;margin:0 auto 8px;padding:6px 10px;pointer-events:auto;position:sticky;top:12px;transition:background-color var(--transition-slow);width:fit-content;z-index:50}.combined-controls-bar .toolbar-control-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;height:34px;justify-content:center;padding:8px;transition:all .2s;width:34px}.combined-controls-bar .toolbar-control-btn:hover{background:var(--bg-hover)}.combined-controls-bar .zoom-level{color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;min-width:40px;text-align:center}.signing-header-bar{align-items:center;background-color:#1a1a2e;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 24px;z-index:110}.signing-header-left{align-items:center;display:flex;gap:12px}.signing-header-title{font-size:16px;font-weight:500;letter-spacing:.2px}.signing-header-right{align-items:center;display:flex;gap:12px}.signing-finish-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 28px;transition:all var(--transition-fast);white-space:nowrap}.signing-finish-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.signing-next-btn{align-items:center;background-color:#d4a017;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 22px;transition:all var(--transition-fast);white-space:nowrap}.signing-next-btn:hover{background-color:#b8880f;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.signing-progress-badge{background:#ffffff26;border-radius:20px;color:#ffffffe6;font-size:13px;font-weight:500;padding:6px 14px}.signing-header-dropdown-wrapper{position:relative}.signing-header-menu-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px;transition:all var(--transition-fast)}.signing-header-menu-btn:hover{background:#ffffff1f;color:#fff}.signing-header-dropdown{animation:dropdownSlide .15s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:200}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.signing-header-dropdown .dropdown-section-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px 6px;text-transform:uppercase}.signing-header-dropdown .dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 16px;text-align:left;transition:background var(--transition-fast);width:100%}.signing-header-dropdown .dropdown-item:hover{background:var(--bg-hover)}.signing-header-dropdown .dropdown-external-icon{color:var(--text-muted);font-size:11px}.signing-header-dropdown .dropdown-divider{background:var(--border-color);height:1px;margin:4px 0}.signing-header-dropdown .dropdown-item-danger{color:#ff3b30!important;color:var(--color-danger,#ff3b30)!important}.signing-header-dropdown .dropdown-item-danger:hover{background:#ff3b3014!important}.decline-modal{max-width:480px}.decline-subtitle{color:var(--text-secondary);font-size:13px;margin:8px 0 16px}.decline-reason-input{background:#fff;background:var(--bg-input,#fff);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md,8px);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;margin-bottom:4px;min-height:80px;padding:12px;resize:vertical;width:100%}.decline-reason-input:focus{border-color:var(--color-primary);outline:none}.decline-modal-actions{display:flex;gap:10px;margin-top:16px}.btn-decline-confirm{background:#ff3b30;background:var(--color-danger,#ff3b30);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:opacity .15s}.btn-decline-confirm:hover:not(:disabled){opacity:.9}.btn-decline-confirm:disabled{cursor:not-allowed;opacity:.5}.btn-decline-cancel{background:#f5f5f7;background:var(--bg-hover,#f5f5f7);border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md,8px);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s}.btn-decline-cancel:hover:not(:disabled){background:var(--border-color)}.btn-decline-cancel:disabled{cursor:not-allowed;opacity:.5}.adopt-modal{max-height:95vh;max-width:780px;overflow-y:auto}.adopt-modal-title{font-size:22px;font-weight:700;margin-bottom:4px!important;text-align:left!important}.adopt-modal-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:14px!important;text-align:left!important}.adopt-name-row{display:flex;gap:16px;margin-bottom:14px}.adopt-name-field{flex:1 1}.adopt-initials-field{flex-shrink:0;width:120px}.adopt-initials-field label,.adopt-name-field label{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.adopt-initials-field .required,.adopt-name-field .required{color:var(--color-danger)}.adopt-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-size:15px;padding:10px 12px;transition:all var(--transition-fast);width:100%}.adopt-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.adopt-tab-bar{border-bottom:2px solid var(--border-color);display:flex;gap:0;margin-bottom:16px}.adopt-tab{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 20px;position:relative;transition:color var(--transition-fast)}.adopt-tab:hover{color:var(--text-primary)}.adopt-tab.active{color:var(--color-primary)}.adopt-tab.active:after{background:var(--color-primary);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.adopt-preview-section{margin-bottom:14px}.adopt-preview-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.adopt-preview-box{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:16px;padding:16px}.adopt-sig-preview{flex:1 1}.adopt-initials-preview,.adopt-sig-preview{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px;min-height:70px;padding:10px}.adopt-initials-preview{width:130px}.adopt-preview-tag{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.adopt-initials-preview img,.adopt-sig-preview img{max-height:60px;max-width:100%;object-fit:contain}.adopt-preview-placeholder{color:var(--text-muted);font-size:13px;font-style:italic}.adopt-draw-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:20px;overflow:hidden}.adopt-draw-section:fullscreen{background:var(--bg-card);padding:20px}.adopt-draw-header{align-items:center;background:var(--bg-hover);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px 14px}.adopt-draw-label{color:var(--text-secondary);font-size:13px;font-weight:500}.adopt-draw-actions{display:flex;gap:6px}.adopt-draw-action-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px 8px;transition:all var(--transition-fast)}.adopt-draw-action-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.adopt-canvas{background:#fff;border:none!important;cursor:crosshair;display:block;max-width:100%!important;touch-action:none;width:100%!important}.adopt-legal-text{color:var(--text-secondary)!important;font-size:12px!important;line-height:1.5!important;margin-bottom:12px!important;padding:0!important;text-align:left!important}.adopt-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.adopt-sign-btn{border-radius:var(--radius-sm)!important;font-weight:600!important}.adopt-cancel-btn,.adopt-sign-btn{font-size:15px!important;padding:12px 24px!important}@media (max-width:768px){.signing-header-bar{padding:10px 16px}.signing-header-title{font-size:14px}.signing-finish-btn{font-size:14px;padding:8px 18px}.signing-next-btn{font-size:14px;padding:8px 16px}.adopt-modal{border-radius:0;display:flex;flex-direction:column;height:100%;margin:0;max-height:100%;max-width:100%;overflow:hidden;padding:20px 16px;width:100%}.adopt-modal-scroll{flex:1 1;min-height:0;overflow-y:auto}.adopt-name-row{flex-direction:column;gap:12px}.adopt-initials-field{width:100%}.adopt-preview-box{flex-direction:column;gap:12px}.adopt-initials-preview{width:140px}.adopt-modal-actions{border-top:1px solid var(--border-color);flex-direction:column;flex-shrink:0;padding-top:12px}.adopt-cancel-btn,.adopt-sign-btn{justify-content:center;width:100%}}@media (max-width:480px){.signing-header-bar{padding:8px 12px}.signing-header-title{font-size:13px}.signing-finish-btn,.signing-next-btn{font-size:13px;padding:8px 14px}.signing-progress-badge{font-size:12px;padding:4px 10px}.adopt-tab{font-size:12px;padding:8px 14px}}.document-viewer{background-color:var(--bg-primary);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:background-color var(--transition-slow)}.document-viewer-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;min-height:60px;padding:10px 20px;transition:background-color var(--transition-slow),border-color var(--transition-slow);z-index:100}.document-title-row{gap:15px;margin-bottom:8px}.btn-back,.document-title-row{align-items:center;display:flex}.btn-back{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:all .2s}.btn-back:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.document-info h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.document-info p{color:var(--text-secondary);font-size:12px;margin:2px 0 0}.document-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:13px;gap:15px}.document-meta span{align-items:center;display:flex;gap:4px}.file-status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.file-status-badge.ready-to-send{background-color:#6c757d1a;color:#6c757d}.file-status-badge.sent-for-signature{background-color:#ffc1071a;color:#856404}.file-status-badge.all-signed,.file-status-badge.signed{background-color:#28a7451a;color:#155724}.file-status-badge.pending-signatures{background-color:#ffc1071a;color:#856404}.document-actions{align-items:center;display:flex;gap:8px}.document-actions .btn-download,.document-actions .btn-edit-document,.document-actions .btn-send-document{align-items:center;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.document-actions .btn-send-document.btn-template-send{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.document-actions .btn-send-document.btn-template-send:hover{opacity:.9;transform:translateY(-1px)}.document-actions .btn-download:hover,.document-actions .btn-edit-document:hover,.document-actions .btn-send-document:not(.btn-template-send):hover{background:var(--border-color);transform:translateY(-1px)}.document-actions .btn-download svg,.document-actions .btn-edit-document svg,.document-actions .btn-send-document svg{font-size:12px}.document-main-content{display:flex;flex:1 1;overflow:hidden}.document-sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;transition:background-color var(--transition-slow),border-color var(--transition-slow);width:320px}.document-viewer .sidebar-section+.sidebar-section{border-top:1px solid var(--border-color)}.collapsible-header{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin:0;padding:6px 20px 15px;text-align:left;transition:all .2s ease;width:100%}.collapsible-header:hover{background-color:var(--bg-hover);color:var(--color-primary)}.collapsible-header svg:first-child{margin-right:8px}.collapsible-header svg:last-child{transition:transform .2s ease}.document-viewer .sidebar-section>div:not(.collapsible-header):not(h3){padding:4px 20px 20px}.signing-record-info{display:flex;flex-direction:column;gap:12px}.info-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:8px 0}.info-row:last-of-type{border-bottom:none}.info-label{color:var(--text-secondary);font-size:13px;font-weight:500}.info-row span:last-child{color:var(--text-primary);font-size:13px;font-weight:500}.status-value{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.status-value.completed{background-color:#28a7451a;color:#155724}.status-value.pending{background-color:#ffc1071a;color:#856404}.clients-summary{border-top:1px solid var(--border-color);margin-top:15px;padding-top:15px}.clients-summary h4{color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 10px}.client-summary{align-items:center;background:var(--bg-input);border-left:3px solid var(--border-color);border-radius:4px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.client-summary.signed{background:#28a7450d;border-left-color:#28a745}.client-summary.pending{background:#ffc1070d;border-left-color:#ffc107}.client-summary .client-name{color:var(--text-primary);font-size:12px;font-weight:500}.client-summary .client-status{align-items:center;display:flex;font-size:11px;font-weight:500;gap:4px}.client-summary.signed .client-status{color:#155724}.client-summary.pending .client-status{color:#856404}.readonly-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:12px;text-align:center}.readonly-notice p{color:#856404;font-size:12px;line-height:1.4;margin:0}.mode-toggle-section{display:flex;flex-direction:column;gap:10px}.mode-button{align-items:center;background:var(--bg-card);border:2px solid var(--color-primary);border-radius:6px;color:var(--color-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.mode-button.active{background:var(--color-primary);color:#fff}.mode-button:hover:not(.active){background:var(--color-primary-light)}.box-type-selection{margin-top:15px}.box-type-selection label{color:var(--text-primary);display:block;font-size:12px;font-weight:500;margin-bottom:8px}.box-type-buttons{display:flex;gap:8px}.box-type-btn{align-items:center;background:var(--bg-input);border:2px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s}.box-type-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.box-type-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.mode-instructions{background:var(--bg-input);border-radius:4px;color:var(--text-secondary);font-size:12px;line-height:1.4;padding:10px}.all-pages-summary{border-top:1px solid var(--border-color);margin-top:15px;padding-top:15px}.page-summary{margin-bottom:6px}.page-summary-btn{background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:8px 12px;text-align:left;transition:all .2s;width:100%}.page-summary-btn:hover{background:var(--bg-hover)}.page-summary-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.document-pdf-container{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:auto;position:relative;transition:background-color var(--transition-slow)}.pdf-viewer-wrapper{flex:1 1;overflow:auto;padding:20px;position:relative;width:100%}.pdf-content{background:var(--bg-card);box-shadow:var(--shadow-lg);margin:0 auto;min-width:750px;position:relative;text-align:center;width:fit-content}.pdf-content.image-content,.pdf-content.rasterized{background:#0000;box-shadow:none}.document-image-container{border-radius:4px;margin:0 auto;overflow:visible;transition:transform .1s ease-out;width:750px}.image-preview,.rasterized-image{display:block;height:auto;max-width:100%;object-fit:contain;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.page-navigation{border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-md);left:50%;padding:8px 16px;position:absolute;top:20px;transform:translateX(-50%);z-index:50}.page-nav-btn{align-items:center;border-radius:4px;color:var(--text-secondary);display:flex;font-size:14px;justify-content:center;padding:6px 8px;transition:all .2s}.page-nav-btn:hover:not(:disabled){border-color:var(--border-hover)}.page-info{white-space:nowrap}.page-number-input{background:var(--bg-input);border-radius:4px;transition:all .2s}.zoom-controls{background:var(--bg-card);border-radius:6px;box-shadow:var(--shadow-md);gap:8px;padding:8px;position:absolute;right:20px;top:20px;z-index:50}.zoom-btn,.zoom-controls{align-items:center;border:1px solid var(--border-color);display:flex}.zoom-btn{background:var(--bg-input);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:12px;justify-content:center;padding:6px 8px;transition:all .2s}.zoom-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.zoom-level{color:var(--text-secondary);font-size:12px}.signature-overlay{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.signature-overlay.drawing-mode{cursor:crosshair;pointer-events:auto}.signature-box{align-items:center;background-color:color-mix(in srgb,#007cbf 8%,#fff);border:1.5px solid #007cbf;border-radius:4px;cursor:pointer;display:flex;justify-content:center;min-height:20px;min-width:20px;position:absolute;transition:all .2s ease;z-index:15}.signature-box:hover{background-color:color-mix(in srgb,#007cbf 12%,#fff);border-color:#005f8e;box-shadow:0 2px 8px #007cbf4d}.signature-box.signed{cursor:default}.signature-box.signed,.signature-box.signed:hover{background-color:color-mix(in srgb,#28a745 8%,#fff);border-color:#28a745}.signature-box.signed:hover{box-shadow:0 2px 8px #28a7454d}.signature-box.date{background-color:color-mix(in srgb,#28a745 8%,#fff);border-color:#28a745}.signature-box.date:hover{background-color:color-mix(in srgb,#28a745 12%,#fff);border-color:#1e7e34}.signature-box.date.drawing{background-color:color-mix(in srgb,#28a745 10%,#fff);border-color:#28a745}.signature-box.date.signed{border-color:#28a745}.signature-box.date.signed,.signature-box.drawing{background-color:color-mix(in srgb,#28a745 8%,#fff)}.signature-box.drawing{border-color:#28a745;border-style:dashed}.signature-box.selected{background-color:color-mix(in srgb,#ffc107 12%,#fff);border-color:#ffc107}.signature-box-label{align-items:center;background-color:#007cbf;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:10px;font-weight:500;gap:6px;left:0;min-width:max-content;padding:4px 8px;position:absolute;top:-28px;white-space:nowrap;z-index:20}.signature-box.date .signature-box-label,.signature-box.drawing .signature-box-label{background-color:#28a745}.signature-box.selected .signature-box-label{background-color:#ffc107;color:#212529}.signature-box-number{border-radius:50%;font-size:9px;font-weight:700;height:16px;width:16px}.delete-box-btn,.signature-box-number{align-items:center;background:#fff3;display:flex;justify-content:center}.delete-box-btn{border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:8px;padding:2px;transition:background-color .2s}.delete-box-btn:hover{background:#fff6}.assigned-client-indicator{background:#007cbfe6;border-radius:3px;bottom:-25px;box-shadow:0 1px 3px #0003;color:#fff;font-size:9px;font-weight:500;left:0;overflow:hidden;padding:2px 6px;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.signed-indicator{flex-direction:column;height:100%;padding:5px}.signature-preview,.signed-indicator{align-items:center;display:flex;justify-content:center;width:100%}.signature-preview{flex:1 1;overflow:hidden}.signature-preview img{max-height:100%;max-width:100%;object-fit:contain}.date-display{align-items:center;background:#fffffff2;border:1px solid #28a7454d;border-radius:4px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;display:flex;font-size:inherit;height:100%;justify-content:center;overflow:visible;padding:2px 4px;white-space:nowrap;width:100%}.date-display,.signer-name{color:#155724;font-weight:600}.signer-name{background:#ffffffe6;border-radius:3px;font-size:10px;margin-top:2px;padding:2px 6px;text-align:center}.document-preview{display:block;height:auto;min-height:800px;width:100%}.pdf-preview{border:none;height:1200px;min-width:800px;width:100%}.text-preview{background-color:#fff;font-family:Courier New,monospace;font-size:14px;height:1000px;line-height:1.6;overflow-y:auto;padding:40px;width:800px}.unsupported-preview{align-items:center;background-color:#f8f9fa;border:2px dashed #dee2e6;display:flex;height:400px;justify-content:center;width:600px}.unsupported-message{color:#666;padding:40px;text-align:center}.template-list{gap:8px;padding-top:4px}.template-card,.template-list{display:flex;flex-direction:column}.template-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:inherit;gap:3px;padding:7px 12px;text-align:left;transition:all var(--transition-fast);width:100%}.template-card:hover{background:var(--bg-hover);border-color:var(--color-primary)}.template-card.active{background:#007cbf14;background:var(--color-primary-light,#007cbf14);border-color:var(--color-primary);box-shadow:0 0 0 2px #007cbf26;box-shadow:0 0 0 2px var(--color-primary-light,#007cbf26)}.template-card-header{align-items:center;display:flex;gap:8px}.template-card-icon{color:var(--color-primary);flex-shrink:0;font-size:13px}.template-card-fields{flex:1 1;font-size:13px;font-weight:600}.template-card-deselect{color:var(--text-muted);flex-shrink:0;font-size:11px;padding:2px;transition:color var(--transition-fast)}.template-card-deselect:hover{color:#dc3545;color:var(--color-danger,#dc3545)}.template-card-meta{color:var(--text-secondary);font-size:12px;gap:8px}.template-meta-item{align-items:center;display:flex;gap:4px}.template-meta-item svg{font-size:10px}.template-card-recipients{color:var(--text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-edit-hint{color:var(--text-muted);font-size:12px;font-style:italic;line-height:1.4;margin:4px 0 0}.template-show-all-btn{background:none;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:6px 12px;transition:all var(--transition-fast);width:100%}.template-show-all-btn:hover{background:#007cbf0a;background:var(--color-primary-light,#007cbf0a);border-color:var(--color-primary);color:var(--color-primary)}.template-box-preview{pointer-events:none;transition:none}.template-box-preview:hover{box-shadow:none}.template-box-center-icon{align-items:center;display:flex;font-size:16px;justify-content:center;opacity:.6}.document-viewer .all-pages-stack{align-items:center;display:flex;flex-direction:column;gap:8px;padding-bottom:40px;padding-top:20px}.document-viewer .page-block-wrapper{align-items:center;display:flex;flex-direction:column;width:100%}.document-viewer .page-break-label{align-items:center;color:#999;color:var(--text-muted,#999);display:flex;font-size:11px;gap:6px;padding:6px 0;-webkit-user-select:none;user-select:none}.document-viewer .page-break-title{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-viewer .page-break-separator{opacity:.5}.document-viewer .page-break-page{white-space:nowrap}.document-viewer .page-block{background:var(--bg-card);border-radius:4px;box-shadow:var(--shadow-lg);display:inline-block;overflow:visible;position:relative;width:750px}.document-zoom-toolbar{align-items:center;background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-sm);display:flex;gap:4px;margin:0 auto 8px;padding:6px 10px;pointer-events:auto;position:sticky;top:12px;transition:background-color var(--transition-slow);width:fit-content;z-index:50}.document-zoom-toolbar .toolbar-control-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;height:34px;justify-content:center;padding:8px;transition:all .2s;width:34px}.document-zoom-toolbar .toolbar-control-btn:hover{background:var(--bg-hover)}.document-zoom-toolbar .zoom-level{color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;min-width:40px;text-align:center}.document-viewer .sidebar-thumbnail-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;padding-top:4px}.document-viewer .sidebar-thumbnail-list .thumbnail-item{align-items:center;background:var(--bg-input);border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:3px;transition:all .2s;width:calc(50% - 3px)}.document-viewer .sidebar-thumbnail-list .thumbnail-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.document-viewer .sidebar-thumbnail-list .thumbnail-item.active{background:#007cbf14;background:var(--color-primary-light,#007cbf14);border-color:var(--color-primary)}.document-viewer .sidebar-thumbnail-list .thumbnail-image{border-radius:3px;box-shadow:var(--shadow-sm);display:block;height:auto;width:100%}.document-viewer .thumbnail-page-number{color:var(--text-secondary);font-size:10px;font-weight:500}@media (max-width:1024px){.document-sidebar{width:280px}.document-viewer .sidebar-section>div:not(.collapsible-header){padding:0 15px 15px}.document-zoom-toolbar{top:8px}}@media (max-width:768px){.document-main-content{flex-direction:column;overflow-y:auto}.document-sidebar{border-bottom:1px solid #e9ecef;border-right:none;flex-shrink:0;max-height:none;overflow-y:visible;width:100%}.collapsible-header{padding:12px 15px}.document-viewer .sidebar-section>div:not(.collapsible-header){padding:0 15px 15px}.document-pdf-container{flex-shrink:0;min-height:0;overflow:visible}.pdf-viewer-wrapper{flex-shrink:0;overflow:visible;padding:10px}.page-navigation{left:0;transform:none}.page-navigation,.zoom-controls{align-self:center;margin-bottom:10px;position:relative;top:0}.zoom-controls{right:0}.document-image-container{max-width:100%;overflow:auto}.document-title-row{align-items:flex-start;flex-direction:column;gap:8px}.document-meta{gap:10px}.box-type-buttons{flex-direction:column}.box-type-btn{font-size:13px;padding:10px 12px}}@media (max-width:480px){.document-viewer-header{align-items:stretch;flex-direction:column;gap:10px;padding:10px}.document-actions{flex-wrap:wrap;gap:8px;justify-content:center}.document-actions .btn-primary,.document-actions .btn-secondary{flex:1 1;justify-content:center;min-width:120px}.page-navigation{gap:8px;padding:6px 12px}.page-info{font-size:12px}.zoom-controls{gap:6px;padding:6px}.pdf-content.image-content,.pdf-content.rasterized{transform:scale(.9);transform-origin:top center}.document-meta{align-items:flex-start;flex-direction:column;gap:5px}.signature-box-label{font-size:8px;gap:4px;padding:2px 4px}.signature-box-number{font-size:8px;height:14px;width:14px}.date-display{padding:2px 4px}.assigned-client-indicator{bottom:-20px;font-size:8px;padding:1px 4px}}.document-preview-column{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.recipient-color-legend{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;flex-wrap:wrap;font-size:12px;gap:12px;padding:8px 16px}.legend-item{align-items:center;display:flex;gap:6px}.legend-swatch{border-radius:3px;flex-shrink:0;height:12px;width:12px}.legend-name{color:var(--text-primary);font-weight:500}.legend-signed-badge{background:#28a7451a;border-radius:8px;color:#155724;font-size:10px;font-weight:600;padding:1px 6px}.form-modal.recipient-modal{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;padding:0;z-index:2001}.recipient-modal .recipient-modal-container{background:var(--bg-card);border-radius:0;display:flex;flex-direction:column;height:100%;max-height:none;max-width:none;overflow:hidden;padding:0;transition:background-color var(--transition-slow);width:100%}.recipient-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:15px;justify-content:space-between;padding:20px 24px;position:relative}.recipient-modal .modal-header .back-btn{flex-shrink:0;width:fit-content;z-index:1}.recipient-modal .modal-header .send-flow-progress{left:50%;position:absolute;top:calc(50% + 7px);transform:translate(-50%,-50%)}.recipient-modal .modal-header .header-right-group{align-items:center;display:flex;flex-shrink:0;gap:10px;margin-left:auto;z-index:1}.recipient-modal .modal-header .header-continue-btn{align-items:center;border:1px solid #0000;display:flex;flex-shrink:0;gap:6px;width:fit-content}.recipient-modal-content{align-items:center;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:28px 32px}.recipient-inner{display:flex;flex-direction:column;gap:24px;max-width:640px;width:100%}.recipient-section-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.template-recipient-notice{align-items:center;background:#007cbf14;background:var(--color-primary-light,#007cbf14);border:1px solid #007cbf;border:1px solid var(--color-primary,#007cbf);border-radius:8px;color:var(--text-primary);display:flex;font-size:13px;gap:16px;justify-content:space-between;margin-top:4px;padding:12px 16px}.template-recipient-notice strong{font-size:15px}.template-recipient-count{color:#007cbf;color:var(--color-primary,#007cbf);font-weight:600;white-space:nowrap}.recipient-options{display:flex;flex-direction:column;gap:14px}.option-checkbox{align-items:center;-webkit-user-select:none;user-select:none}.option-label{font-size:15px}.option-info-btn{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:50%;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:12px;height:22px;justify-content:center;margin-left:4px;position:relative;transition:all var(--transition-fast);width:22px}.option-info-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.info-tooltip{background:var(--text-primary);border-radius:var(--radius-sm);box-shadow:0 2px 8px #00000026;color:var(--bg-card);font-size:12px;font-weight:500;left:calc(100% + 10px);padding:8px 12px;pointer-events:none;white-space:nowrap;z-index:10}.info-tooltip,.info-tooltip:after{position:absolute;top:50%;transform:translateY(-50%)}.info-tooltip:after{border:5px solid #0000;border-right:5px solid var(--text-primary);content:"";right:100%}.option-checkbox.disabled-option{opacity:.4;pointer-events:none}.recipient-cards{display:flex;flex-direction:column;gap:12px}.recipient-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);display:flex;gap:10px;padding:10px 12px 10px 16px;position:relative;transition:all var(--transition-fast)}.recipient-card:hover{box-shadow:0 2px 8px #0000000f}.card-order-input{-moz-appearance:textfield;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);flex-shrink:0;font-size:14px;font-weight:600;height:36px;text-align:center;width:36px}.card-order-input::-webkit-inner-spin-button,.card-order-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.card-order-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.card-drag-handle{align-items:center;align-self:stretch;color:var(--text-muted);cursor:grab;display:flex;flex-shrink:0;font-size:14px;opacity:.4;padding:0 4px;transition:opacity var(--transition-fast)}.recipient-card:hover .card-drag-handle{opacity:.8}.card-drag-handle:active{cursor:grabbing}.card-fields-row{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px;min-width:0}.card-fields-row.card-editing{cursor:default}.card-edit-input{background:var(--bg-input);border:1px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:0 0 0 2px var(--color-primary-light);box-sizing:border-box;color:var(--text-primary);flex:1 1;font-size:14px;min-width:0;outline:none;padding:4px 8px}.card-edit-input::placeholder{color:var(--text-muted)}.card-recipient-name{color:var(--text-primary);font-size:15px;font-weight:600}.card-recipient-email,.card-recipient-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-recipient-email{color:var(--text-secondary);font-size:14px}.add-recipient-card .card-fields{display:flex;flex:1 1;flex-direction:row;gap:10px;min-width:0}.add-recipient-card .card-field{flex:1 1;min-width:0}.card-field-label{color:var(--text-primary);display:block;font-size:12px;font-weight:600;margin-bottom:2px}.card-field-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:6px 10px;transition:border-color var(--transition-fast);width:100%}.card-field-input::placeholder{color:var(--text-muted)}.card-field-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.add-recipient-card{border-left-color:var(--border-color)!important}.card-add-btn{align-items:center;align-self:flex-end;background:var(--color-primary);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-bottom:1px;padding:6px 14px;transition:all var(--transition-fast);white-space:nowrap}.card-add-btn:hover:not(:disabled){opacity:.85}.card-add-btn:disabled{cursor:not-allowed;opacity:.4}.you-badge{color:var(--color-primary);font-size:12px;font-weight:600;margin-left:4px}.role-badge{color:var(--text-secondary);font-weight:600;letter-spacing:.03em;margin-left:6px;padding:1px 6px;text-transform:uppercase}.card-remove-btn,.role-badge{border:1px solid var(--border-color);font-size:11px}.card-remove-btn{align-items:center;align-self:center;background:var(--bg-input);border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all var(--transition-fast);width:30px}.card-remove-btn:hover{background:#ff3b301a;border-color:var(--color-danger);color:var(--color-danger)}.panel-results{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.panel-results-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;padding:8px 16px 4px;text-transform:uppercase}.panel-results-list{max-height:180px;overflow-y:auto}.panel-result-option{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;gap:12px;justify-content:space-between;padding:10px 16px;text-align:left;transition:background var(--transition-fast);width:100%}.panel-result-option:last-child{border-bottom:none}.panel-result-option.highlighted,.panel-result-option:hover{background:var(--bg-hover)}.panel-result-option.self-option{background:#3d6b5e0f;background:var(--color-primary-light,#3d6b5e0f)}.panel-result-option.self-option.highlighted,.panel-result-option.self-option:hover{background:#3d6b5e1f;background:var(--color-primary-light,#3d6b5e1f)}.panel-result-name{font-size:14px;font-weight:500}.panel-result-email{color:var(--text-secondary);font-size:13px}.recipient-card[draggable=true]{cursor:grab}.recipient-card[draggable=true]:active{cursor:grabbing}.recipient-card.dragging{border-style:dashed;opacity:.4}.recipient-card.drop-before{position:relative}.recipient-card.drop-before:before{background:var(--color-primary);border-radius:2px;content:"";height:3px;left:0;position:absolute;right:0;top:-7px}.recipient-card.drop-after{position:relative}.recipient-card.drop-after:after{background:var(--color-primary);border-radius:2px;bottom:-7px;content:"";height:3px;left:0;position:absolute;right:0}@media (max-width:768px){.recipient-modal .modal-header{padding:12px 16px}.recipient-modal .modal-header .send-flow-progress{position:static;transform:none}}@media (max-width:600px){.recipient-modal-content{padding:20px 16px}.recipient-card{padding:12px 12px 12px 16px}}.send-flow-progress{flex:1 1;flex-direction:column;gap:4px;min-width:0}.progress-steps,.send-flow-progress{align-items:center;display:flex;justify-content:center}.progress-steps{gap:20px}.progress-step,.progress-step-wrapper{align-items:center;display:flex}.progress-step{flex-direction:column;gap:6px}.step-circle{align-items:center;background:var(--bg-input);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;font-size:11px;font-weight:600;height:28px;justify-content:center;transition:all var(--transition-normal);width:28px}.progress-step.current .step-circle{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.progress-step.completed .step-circle{background:var(--text-muted);border-color:var(--text-muted);color:#fff}.step-label{color:var(--text-secondary);font-size:11px;font-weight:400;white-space:nowrap}.progress-step.current .step-label{color:var(--text-primary);font-weight:500}.progress-step.completed .step-label{color:var(--text-secondary)}.step-connector{background:var(--border-color);height:2px;margin:0 6px 25px;overflow:hidden;position:relative;width:34px}.step-connector:after{background:var(--text-muted);content:"";height:100%;left:0;position:absolute;top:0;transition:width .6s ease;width:0}.step-connector.completed:after{width:100%}@media (max-width:768px){.send-flow-progress{display:none}}.signature-font-picker-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;right:0;top:0;z-index:1000}.signature-font-picker-content{background:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:92vh;max-width:720px;overflow:hidden;transition:background-color var(--transition-slow);width:100%}.font-picker-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;padding:20px 24px;position:relative;transition:background-color var(--transition-slow),border-color var(--transition-slow)}.font-picker-header .back-btn{flex-shrink:0;width:fit-content;z-index:1}.font-picker-header-center{display:flex;justify-content:center;left:50%;position:absolute;top:calc(50% + 7px);transform:translate(-50%,-50%)}.font-picker-header-right{align-items:center;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;z-index:1}.font-picker-header .back-btn,.font-picker-header .continue-btn{align-items:center;align-self:center;border-radius:6px;cursor:pointer;display:flex;flex-grow:0;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;width:fit-content}.font-picker-body{flex:1 1;overflow-y:auto;padding:32px}.font-picker-title{margin-bottom:28px;text-align:center}.font-picker-title svg{color:var(--color-primary);font-size:24px;margin-bottom:8px}.font-picker-title h2{color:var(--text-primary);font-size:22px;margin:0 0 8px}.font-picker-title p{color:var(--text-secondary);font-size:14px;margin:0}.font-picker-name-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr 1fr 120px;margin-bottom:24px}.font-picker-input-group{display:flex;flex:1 1;flex-direction:column;gap:6px}.font-picker-input-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.font-picker-input-group input{background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:15px;padding:10px 14px;transition:border-color var(--transition-fast)}.font-picker-input-group input:focus{border-color:var(--color-primary);outline:none}.font-picker-dual-preview{display:flex;gap:16px;margin-bottom:28px}.font-picker-preview-panel{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;display:flex;flex:2 1;flex-direction:column;justify-content:center;min-height:100px;padding:20px;position:relative;transition:border-color var(--transition-fast),background-color var(--transition-slow)}.font-picker-preview-panel.initials-panel{flex:1 1}.font-picker-preview-panel .preview-label{color:var(--text-tertiary);font-size:11px;font-weight:500;left:12px;letter-spacing:.5px;position:absolute;text-transform:uppercase;top:8px}.font-picker-preview-panel img{max-height:70px;max-width:100%;object-fit:contain}.font-picker-toggle-btn{align-items:center;background:#0000;border:2px dashed var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-bottom:16px;padding:12px;transition:all var(--transition-fast);width:100%}.font-picker-toggle-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.font-picker-legal-text{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:20px 0 0;padding:0;text-align:left}.font-picker-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.font-picker-option{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:8px;padding:16px 12px;transition:all var(--transition-fast)}.font-picker-option:hover{background:var(--bg-hover);border-color:var(--border-hover)}.font-picker-option.active{background:var(--color-primary-light);border-color:var(--color-primary)}.font-picker-option-preview{align-items:center;color:var(--text-primary);display:flex;height:50px;justify-content:center;line-height:1;overflow:hidden;white-space:nowrap}.font-picker-option-name{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px}.font-picker-option.active .font-picker-option-name{color:var(--color-primary);font-weight:500}@media (max-width:768px){.font-picker-header{align-items:center;flex-direction:column;gap:15px}.font-picker-header-center{left:auto;order:-1;position:static;top:auto;transform:none}.font-picker-body{padding:20px}.font-picker-name-row{grid-template-columns:1fr 1fr}.font-picker-initials-group{grid-column:1/-1}.font-picker-dual-preview{flex-direction:column}.font-picker-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.font-picker-name-row{grid-template-columns:1fr}.font-picker-initials-group{grid-column:auto}.font-picker-grid{grid-template-columns:1fr}}.signature-capture-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.signature-capture-modal{background-color:#000000f2;padding:0}}.signature-capture-modal-content{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;transition:background-color var(--transition-slow);width:100%}@media (max-width:768px){.signature-capture-modal-content{border-radius:0;display:flex;flex-direction:column;height:100vh;margin:0;max-height:100vh;max-width:100%;padding:20px 15px;width:100%}}.signature-capture-modal-content .modal-close-x{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;padding:5px;position:absolute;right:15px;top:15px;transition:all var(--transition-fast);width:35px}.signature-capture-modal-content .modal-close-x:hover{background:var(--bg-hover);color:var(--text-primary)}.signature-capture-modal-content h3{color:var(--text-primary);font-size:20px;margin:0 0 15px;text-align:center;transition:color var(--transition-slow)}.signature-capture-modal-content p{color:var(--text-secondary);margin:0 0 20px;text-align:center;transition:color var(--transition-slow)}.signature-capture-modal .signature-mode-toggle{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.signature-capture-modal .mode-btn{align-items:center;background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all var(--transition-fast)}.signature-capture-modal .mode-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.signature-capture-modal .mode-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.signature-capture-modal .signature-canvas-container{align-items:center;background:var(--bg-card);border:2px solid var(--color-primary);border-radius:var(--radius-md);display:flex;justify-content:center;margin-bottom:20px;min-height:170px;padding:10px;position:relative;transition:background-color var(--transition-slow),border-color var(--transition-slow)}.signature-capture-modal .canvas-clear-btn{align-items:center;background:var(--bg-card);border:2px solid var(--color-primary);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--color-primary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:10px;top:10px;transition:all var(--transition-fast);width:36px;z-index:10}.signature-capture-modal .canvas-clear-btn:hover{background:var(--color-primary);color:#fff;transform:rotate(1turn)}.signature-capture-modal .signature-canvas{background:#fff;border:1px dashed var(--border-color);cursor:crosshair;touch-action:none}.signature-capture-modal .cursive-signature-preview{align-items:center;border:1px dashed var(--border-color);border-radius:var(--radius-sm);display:flex;height:150px;justify-content:center;max-width:100%;width:400px}.signature-capture-modal .cursive-signature-preview img{max-height:100%;max-width:100%;object-fit:contain}.signature-capture-modal .no-signature-preview{color:var(--text-muted);font-style:italic;text-align:center}.signature-capture-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.signature-capture-modal-actions .btn-primary,.signature-capture-modal-actions .btn-secondary{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all var(--transition-fast)}.signature-capture-modal-actions .btn-primary{background:var(--color-primary);color:#fff}.signature-capture-modal-actions .btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.signature-capture-modal-actions .btn-primary:disabled{background:var(--text-muted);cursor:not-allowed}.signature-capture-modal-actions .btn-secondary{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary)}.signature-capture-modal-actions .btn-secondary:hover{background:var(--bg-hover)}@media (max-width:768px){.signature-capture-modal .signature-mode-toggle{flex-direction:column;gap:8px}.signature-capture-modal .mode-btn{justify-content:center;width:100%}.signature-capture-modal .signature-canvas-container{flex:1 1;min-height:200px}.signature-capture-modal .cursive-signature-preview{height:120px;width:100%}.signature-capture-modal-actions{flex-direction:column;margin-top:auto;padding-top:20px}.signature-capture-modal-actions .btn-primary,.signature-capture-modal-actions .btn-secondary{justify-content:center;width:100%}}.signature-placement-interface{background:#0000;bottom:0;display:flex;left:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:1000}.signature-placement-modal-content{background:var(--bg-primary);border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;max-height:none;max-width:none;overflow:hidden;transition:background-color var(--transition-slow);width:100%}.placement-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px;position:relative;transition:background-color var(--transition-slow),border-color var(--transition-slow);z-index:100}.placement-header .back-btn{flex-shrink:0;width:fit-content;z-index:1}.placement-header-center{display:flex;justify-content:center;left:50%;position:absolute;top:calc(50% + 7px);transform:translate(-50%,-50%)}.placement-header-right{align-items:center;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;z-index:1}.placement-header-center h2{color:var(--text-primary);font-size:22px;margin:0}.placement-header-center h2,.placement-subtitle{overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-slow);white-space:nowrap}.placement-subtitle{color:var(--text-secondary);font-size:13px;margin:4px 0 0}.placement-header .back-btn,.placement-header .continue-btn{align-items:center;align-self:center;border-radius:6px;display:flex;flex-grow:0;flex-shrink:0;font-weight:500;gap:8px;padding:10px 20px;white-space:nowrap;width:fit-content}.placement-header .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:8px;transition:color var(--transition-fast)}.placement-header .close-btn:hover{color:var(--color-danger)}.placement-main{display:flex;flex:1 1;overflow:hidden}.placement-sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;transition:background-color var(--transition-slow),border-color var(--transition-slow);width:320px}.signature-placement-interface .sidebar-section{border-top:none;margin-top:0;padding:12px 20px}.signature-placement-interface .sidebar-section:last-child{border-bottom:none}.sidebar-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px;transition:color var(--transition-slow)}.sidebar-field-properties{display:flex;flex-direction:column;height:100%;padding:0}.sidebar-field-properties-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.sidebar-field-properties-title{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px}.sidebar-field-properties-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.sidebar-field-properties-close:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-field-properties-section{border-bottom:1px solid var(--border-color);padding:14px 20px}.sidebar-field-properties-label{color:var(--text-secondary);display:block;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.sidebar-field-properties-recipient{align-items:center;color:var(--text-primary);display:flex;font-size:13px;gap:8px}.sidebar-field-properties-recipient-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.sidebar-field-properties-toggle-row{align-items:center;color:var(--text-primary);display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.sidebar-field-properties-toggle{border:none;border-radius:9px;cursor:pointer;flex-shrink:0;height:18px;padding:0;position:relative;transition:background-color .2s;width:32px}.sidebar-field-properties-toggle-knob{background-color:#fff;border-radius:50%;display:block;height:14px;position:absolute;top:2px;transition:left .2s;width:14px}.sidebar-field-properties-input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-size:13px;outline:none;padding:8px 10px;transition:border-color var(--transition-fast);width:100%}.sidebar-field-properties-input:focus{border-color:#4f46e5;border-color:var(--color-primary,#4f46e5)}.sidebar-field-properties-input::placeholder{color:var(--text-secondary);opacity:.7}.sidebar-field-properties-formatting-row{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.sidebar-field-properties-formatting-row .toolbar-btn{align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all var(--transition-fast);width:30px}.sidebar-field-properties-formatting-row .toolbar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-field-properties-formatting-row .toolbar-btn.active{background:#4f46e5;background:var(--color-primary,#4f46e5);border-color:#4f46e5;border-color:var(--color-primary,#4f46e5);color:#fff}.sidebar-field-properties-select{background:var(--bg-main);color:var(--text-primary);cursor:pointer;font-size:12px;min-width:55px;padding:4px 6px}.sidebar-field-properties-picker,.sidebar-field-properties-select{border:1px solid var(--border-color);border-radius:var(--radius-sm)}.sidebar-field-properties-picker{background:var(--bg-card);box-shadow:0 4px 12px #0000001a;display:flex;flex-wrap:nowrap;gap:6px;left:50%;margin-top:8px;padding:8px;position:absolute;top:100%;transform:translateX(-50%);z-index:10}.sidebar-field-properties-hint{color:var(--text-secondary);font-size:12px}.static-checkmark{color:#1a1a2e;font-size:16px}.recipient-dropdown-wrapper{position:relative}.recipient-dropdown-trigger{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:all var(--transition-fast);width:100%}.recipient-dropdown-trigger:hover{background:var(--bg-hover);border-color:var(--color-primary)}.recipient-dropdown-arrow{color:var(--text-muted);flex-shrink:0;font-size:12px;transition:transform var(--transition-fast)}.recipient-dropdown-arrow.open{transform:rotate(180deg)}.recipient-dropdown-list{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #00000026;left:0;overflow:hidden;padding:6px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.recipient-dropdown-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:background var(--transition-fast);width:100%}.recipient-dropdown-item.active,.recipient-dropdown-item:hover{background:var(--bg-hover)}.recipient-check{color:var(--color-primary);flex-shrink:0;font-size:12px}.recipient-color-dot{border-radius:50%;flex-shrink:0;height:14px;width:14px}.recipient-toggle-info{flex:1 1;min-width:0}.recipient-toggle-name{color:var(--text-primary);font-size:13px;font-weight:500;margin-bottom:2px;transition:color var(--transition-slow);word-break:break-word}.recipient-toggle-count{color:var(--text-secondary);font-size:11px;transition:color var(--transition-slow)}.recipient-dropdown-circle{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;letter-spacing:.3px;width:36px}.recipient-dropdown-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.recipient-dropdown-name{color:var(--text-primary);font-size:14px;font-weight:600;transition:color var(--transition-slow);word-break:break-word}.recipient-dropdown-label{color:var(--text-secondary);font-size:12px;transition:color var(--transition-slow)}.template-group{margin-bottom:4px}.template-group-separator{background-color:#dee2e6;background-color:var(--border-color,#dee2e6);height:1px;margin:6px 0}.template-group-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase;transition:color var(--transition-slow)}.template-boxes{display:flex;flex-direction:column;gap:3px}.template-box{align-items:center;background:var(--bg-input);background:var(--template-box-bg,var(--bg-input));border:1px solid var(--border-color);border-left:4px solid var(--template-box-accent,var(--border-color));border-radius:8px;cursor:grab;display:flex;gap:8px;padding:10px 12px;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.template-box.template-box-compact{border-radius:6px;gap:6px;padding:6px 10px}.template-box-compact .template-icon{font-size:14px}.template-box-compact span{font-size:12px}.template-box-compact .template-drag-handle{font-size:11px}.template-box.template-box-annotation{--template-box-accent:var(--text-muted,#999);--template-box-bg:var(--bg-input);--template-box-bg-hover:var(--bg-hover);border-left-color:#999;border-left-color:var(--text-muted,#999)}.template-box.template-box-annotation:hover{border-left-color:#666;border-left-color:var(--text-secondary,#666)}.template-box:active{cursor:grabbing;transform:scale(.98)}.template-box:hover{background:var(--bg-hover);background:var(--template-box-bg-hover,var(--bg-hover));border-color:var(--template-box-accent,var(--text-muted));border-left-color:var(--template-box-accent,var(--text-muted));border-left-width:4px}.template-box.active-placement{background:#4f46e51a;background:var(--template-box-bg,var(--color-primary-light,#4f46e51a));border-color:#4f46e5;border-color:var(--template-box-accent,var(--color-primary,#4f46e5));border-left-color:#4f46e5;border-left-color:var(--template-box-accent,var(--color-primary,#4f46e5));border-left-width:4px}.template-icon{color:var(--text-secondary);color:var(--template-box-accent,var(--text-secondary));flex-shrink:0;font-size:18px}.template-box span{color:var(--text-primary);font-size:13px;font-weight:600;transition:color var(--transition-slow);white-space:nowrap}.template-drag-handle{color:var(--text-muted);flex-shrink:0;font-size:14px;margin-left:auto;opacity:.5}.template-box:hover .template-drag-handle{opacity:.8}.signed-text-display{align-items:center;color:#1a1a2e;color:var(--text-primary,#1a1a2e);display:flex;font-size:12px;font-weight:600;height:100%;justify-content:center;overflow:hidden;padding:0 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.signature-box.placed.prefilled{align-items:center;border-style:solid;cursor:text;display:flex;justify-content:flex-start;overflow:hidden;padding:0 6px}.signature-box.placed.prefilled.selected{overflow:visible}.prefill-display-text{color:var(--text-primary);display:block;font-size:12px;font-weight:500;min-width:0;pointer-events:none;white-space:nowrap;width:100%}.prefill-placeholder{font-style:italic;opacity:.45}.signature-box.placed.fillable{align-items:center;border-style:solid;display:flex;justify-content:center;padding:0 4px}.signature-box.placed.fillable-checkbox{padding:0}.signature-box.placed.fillable-checkbox .fillable-field-preview{align-items:center;gap:0;height:100%;justify-content:center;width:100%}.signature-box.placed.fillable-text-input{background-color:#dbeafea6;border-color:#93c5fd;border-color:var(--recipient-color,#93c5fd);justify-content:flex-start}.signature-box.placed.fillable-checkbox,.signature-box.placed.static-checkbox{background-color:#dbeafea6;border-color:#93c5fd;border-style:solid;padding:0}.signature-box.placed.static-checkbox .resize-handle{background:#60a5fa}.signature-box.placed.static-checkbox .resize-handle:hover{background:#3b82f6}.fillable-field-preview{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;gap:4px;pointer-events:none;width:100%}.fillable-field-label{font-size:12px;opacity:.85}.checkbox-label{color:#666;color:var(--text-secondary,#666);font-size:10px;left:100%;margin-left:4px;max-width:80px;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:50%;transform:translateY(-50%);white-space:nowrap}.link-group-badge{align-items:center;background:#4f46e5;background:var(--color-primary,#4f46e5);border-radius:50%;box-shadow:0 1px 3px #0003;color:#fff;cursor:help;display:flex;height:16px;justify-content:center;pointer-events:auto;position:absolute;right:-6px;top:-6px;width:16px;z-index:5}.toolbar-label-input{background:#fff;background:var(--bg-primary,#fff);color:#333;color:var(--text-primary,#333);outline:none}.toolbar-label-input:focus{border-color:#007bff!important;border-color:var(--accent-color,#007bff)!important}.signature-box.placed.editing-prefill{align-items:center;background:#fff;background:var(--bg-primary,#fff);box-shadow:0 0 0 2px #4c1d95;box-shadow:0 0 0 2px var(--color-primary,#4c1d95);cursor:text;display:flex;padding:0 4px}.prefill-inline-input{background:#0000;border:none;color:var(--text-primary);font-family:inherit;font-size:12px;font-weight:500;height:100%;outline:none;padding:0;width:100%}.template-tooltip-wrapper{display:inline-block;position:relative}.template-tooltip-trigger{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px;transition:color var(--transition-fast)}.template-tooltip,.template-tooltip-trigger:hover{color:var(--text-secondary)}.template-tooltip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-size:11px;line-height:1.4;max-width:260px;min-width:200px;padding:8px 12px;position:absolute;right:0;top:calc(100% + 6px);white-space:normal;z-index:10}.placement-document{background:var(--bg-input);display:flex;flex:1 1;flex-direction:column;overflow:auto;padding:0 20px;position:relative;transition:background-color var(--transition-slow)}.document-controls-top{top:20px}.document-controls-bottom,.document-controls-top{align-items:center;display:flex;justify-content:center;left:0;padding:0 15px;pointer-events:none;position:absolute;right:0;z-index:10}.document-controls-bottom{bottom:20px}.page-navigation{align-items:center;background:var(--bg-card);border-radius:25px;box-shadow:var(--shadow-sm);display:flex;gap:12px;justify-content:center;padding:10px 20px;pointer-events:auto;transition:background-color var(--transition-slow)}.page-nav-btn{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all var(--transition-fast)}.page-nav-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.page-nav-btn:disabled{background:var(--bg-input);color:var(--text-muted);cursor:not-allowed}.page-info-wrapper{align-items:center;display:flex;gap:8px}.page-info{transition:color var(--transition-slow)}.page-info,.page-number-input{color:var(--text-primary);font-size:14px;font-weight:500}.page-number-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 8px;text-align:center;transition:all var(--transition-fast);width:50px}.page-number-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.page-number-input::-webkit-inner-spin-button,.page-number-input::-webkit-outer-spin-button{opacity:1}.document-toolbar{align-items:center;background:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-sm);display:flex;gap:4px;padding:6px 10px;pointer-events:auto;transition:background-color var(--transition-slow)}.toolbar-control-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;height:34px;justify-content:center;padding:8px;transition:all var(--transition-fast);width:34px}.toolbar-control-btn:hover:not(:disabled){background:var(--bg-hover)}.toolbar-control-btn:disabled{color:var(--text-muted);cursor:default;opacity:.4}.toolbar-control-divider{background:var(--border-color);flex-shrink:0;height:20px;margin:0 4px;transition:background-color var(--transition-slow);width:1px}.zoom-level{color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;min-width:40px;padding:0 4px;text-align:center;transition:color var(--transition-slow)}.document-drop-zone{background:var(--bg-input);border-radius:var(--radius-md) var(--radius-md) 0 0;display:block;flex:1 1;overflow:auto;padding:68px 20px 20px;position:relative;text-align:center;touch-action:pan-x pan-y;transition:all .3s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.document-drop-zone.dragging{border:3px dashed var(--color-primary)}.document-image-container{background:var(--bg-card);box-shadow:var(--shadow-lg);display:inline-block;min-width:750px;position:relative;touch-action:none;transform-origin:top center;transition:transform .2s ease-in-out}.document-image-container:has(.all-pages-stack){background:#0000;box-shadow:none}.document-preview-image{display:block;height:auto;object-fit:contain;width:750px}.document-preview-placeholder{align-items:center;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;max-width:500px;padding:40px;text-align:center;transition:background-color var(--transition-slow)}.document-preview-placeholder p{color:var(--text-secondary);margin:0;transition:color var(--transition-slow)}.document-preview-placeholder.office-conversion-needed{background:var(--bg-input);border:2px dashed var(--color-primary)}.document-preview-placeholder .conversion-icon{color:var(--color-primary);font-size:48px;margin-bottom:20px;opacity:.8}.drop-zone-overlay{align-items:center;background:var(--color-primary-light);bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.drop-zone-message{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-primary);font-weight:600;padding:15px 30px;transition:background-color var(--transition-slow)}.signature-overlay{pointer-events:none}.signature-box{background-color:color-mix(in srgb,var(--recipient-color) 65%,#0000);border:1px solid;border-radius:1px;box-sizing:border-box;cursor:default;pointer-events:auto;position:relative;transition:all .2s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.signature-box.placed{pointer-events:auto;touch-action:none}.signature-box.selected{border-width:2px;z-index:200}.signature-box.multi-selected{border-color:var(--color-primary)!important;border-width:2px}.selection-marquee{background:color-mix(in srgb,var(--color-primary) 10%,#0000);border:1px dashed var(--color-primary);pointer-events:none;z-index:25}.spi-context-menu{background:#fff;background:var(--color-surface,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:120px;padding:4px 0;z-index:100}.spi-context-menu-item{background:none;border:none;color:#333;color:var(--color-text,#333);cursor:pointer;display:block;font-size:13px;padding:8px 16px;text-align:left;width:100%}.spi-context-menu-item:hover:not(:disabled){background:#f0f0f0;background:var(--color-hover,#f0f0f0)}.spi-context-menu-item:disabled{cursor:default;opacity:.4}.document-drop-zone.placing{cursor:crosshair}.placement-ghost{align-items:center;background:color-mix(in srgb,var(--color-primary) 12%,#0000);border:1.5px solid var(--color-primary);border-radius:3px;box-shadow:0 2px 8px #00000026;display:flex;gap:6px;justify-content:center;opacity:.7;pointer-events:none;z-index:30}.placement-ghost.placement-ghost-preview{border-radius:1px;border-style:solid;border-width:1px;opacity:.85}.placement-ghost.placement-ghost-prefilled{border-style:solid;justify-content:flex-start;padding:0 6px}.placement-ghost-icon{color:var(--color-primary);font-size:16px;opacity:.6}.placement-ghost-label{color:var(--color-primary);font-size:12px;font-weight:600;opacity:.8}.placement-ghost-type-label{font-size:11px;font-weight:600;opacity:.7}.drag-ghost-button{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:8px;opacity:.9;padding:10px 12px;pointer-events:none;white-space:nowrap;z-index:30}.drag-ghost-button .template-icon{color:var(--text-secondary);font-size:18px}.drag-ghost-button span{color:var(--text-primary);font-size:13px;font-weight:600}.group-selection-box{background:color-mix(in srgb,var(--color-primary) 5%,#0000);border:2px dashed var(--color-primary);border-radius:4px}.toolbar-multi-label{color:#ccc;font-size:12px;font-weight:600;padding:0 6px;white-space:nowrap}.signature-box.interacting .resize-handle,.signature-box.selected .resize-handle,.text-annotation-box.selected .resize-handle{opacity:1}.signature-box.preview{border-style:solid;opacity:.7;pointer-events:none}.text-annotation-box .ProseMirror,.text-annotation-box .tiptap{bottom:0;font-size:12px;left:0;line-height:1.4;overflow:visible;padding:0 4px;position:absolute;right:0;text-align:left;top:0}.text-annotation-box .ProseMirror,.text-annotation-box .ProseMirror:focus,.text-annotation-box .tiptap,.text-annotation-box .tiptap:focus{border:none!important;box-shadow:none!important;outline:none!important}.text-annotation-box p{margin:0}.text-annotation-box .resize-handle{background:color-mix(in srgb,#93c5fd 80%,#000)}.text-annotation-box .resize-handle:hover{background:color-mix(in srgb,#93c5fd 65%,#000)}.signature-box-center-icon{align-items:center;color:var(--recipient-color);display:flex;font-size:min(20px,80%);justify-content:center;left:50%;max-height:80%;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.signature-box.placed.fillable-checkbox .signature-box-center-icon,.signature-box.placed.static-checkbox .signature-box-center-icon{font-size:inherit;height:70%;width:70%}.signature-box.placed.fillable-checkbox .signature-box-center-icon svg,.signature-box.placed.static-checkbox .signature-box-center-icon svg{height:100%;width:100%}.signature-box-center-icon svg{height:auto;max-height:100%}.resize-handle{background:color-mix(in srgb,var(--color-primary) 80%,#000);background:color-mix(in srgb,var(--recipient-color,var(--color-primary)) 80%,#000);border:none;border-radius:50%;height:7px;opacity:0;pointer-events:auto;position:absolute;transition:opacity .2s;width:7px;z-index:20}.resize-handle:hover{background:color-mix(in srgb,var(--color-primary) 65%,#000);background:color-mix(in srgb,var(--recipient-color,var(--color-primary)) 65%,#000)}.resize-handle-tl{cursor:nwse-resize;left:-3.5px;top:-3.5px}.resize-handle-tr{cursor:nesw-resize;right:-3.5px;top:-3.5px}.resize-handle-bl{bottom:-3.5px;cursor:nesw-resize;left:-3.5px}.resize-handle-br{bottom:-3.5px;cursor:nwse-resize;right:-3.5px}.all-pages-stack{gap:8px;padding-bottom:40px;padding-top:20px}.all-pages-stack,.page-block-wrapper{align-items:center;display:flex;flex-direction:column}.page-block-wrapper{width:100%}.page-break-label{align-items:center;color:#999;color:var(--text-muted,#999);display:flex;font-size:11px;gap:6px;padding:10px 0;-webkit-user-select:none;user-select:none}.page-break-title{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-break-separator{opacity:.5}.page-break-page{white-space:nowrap}.page-block{background:var(--bg-card);border-radius:4px;box-shadow:var(--shadow-lg);display:inline-block;overflow:visible;position:relative}.thumbnail-sidebar{background:var(--bg-card);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .2s ease,background-color var(--transition-slow),border-color var(--transition-slow);width:140px}.thumbnail-sidebar.collapsed{border-left:none;width:0}.thumbnail-sidebar-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 10px}.thumbnail-sidebar-title{color:var(--text-primary);font-size:12px;font-weight:600;white-space:nowrap}.thumbnail-collapse-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;padding:4px;transition:all .2s}.thumbnail-collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.thumbnail-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:8px}.thumbnail-item{align-items:center;background:var(--bg-input);border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:4px;transition:all .2s;width:100%}.thumbnail-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.thumbnail-item.active{background:#007cbf14;background:var(--color-primary-light,#007cbf14);border-color:var(--color-primary)}.thumbnail-image{border-radius:3px;box-shadow:var(--shadow-sm);display:block;height:auto;width:100%}.thumbnail-page-number{color:var(--text-secondary);font-size:10px;font-weight:500}.thumbnail-expand-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px 0 0 6px;border-right:none;box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;padding:12px 6px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .2s;z-index:60}.thumbnail-expand-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width:1024px){.placement-sidebar{width:280px}.placement-header-center{left:50%}.thumbnail-sidebar{width:120px}}@media (max-width:768px){.placement-main{flex-direction:column}.placement-sidebar{border-bottom:1px solid var(--border-color);border-right:none;width:100%}.placement-header{align-items:center;flex-direction:row;gap:10px;padding:12px 16px}.placement-header-center{display:none}.back-btn{width:auto}.placement-header-right{margin-left:auto}.placement-document{padding:0 8px}.thumbnail-expand-btn,.thumbnail-sidebar{display:none}}.template-popup-overlay{align-items:flex-start;animation:templateOverlayFadeIn .2s ease-out;background:#00000026;bottom:0;display:flex;justify-content:center;left:0;padding-top:80px;position:absolute;right:0;top:0;z-index:20}.template-popup{animation:templatePopupSlideIn .25s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026;max-width:380px;padding:20px 24px;position:relative;transition:background-color var(--transition-slow),border-color var(--transition-slow);width:90%}.template-popup-close{background:#0000;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:4px;position:absolute;right:12px;top:12px;transition:color var(--transition-fast)}.template-popup-close:hover{color:var(--text-primary)}.template-popup-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.template-popup-icon{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.template-popup-title{display:flex;flex-direction:column;gap:2px}.template-popup-title strong{color:var(--text-primary);font-size:15px;transition:color var(--transition-slow)}.template-popup-title span{color:var(--text-secondary);font-size:12px;transition:color var(--transition-slow)}.template-popup-actions{display:flex;flex-direction:column;gap:8px}.template-popup-use-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;transition:all var(--transition-fast);width:100%}.template-popup-use-btn:hover{background:var(--color-primary-hover);box-shadow:0 2px 8px var(--color-primary-light);transform:translateY(-1px)}.template-popup-use-btn:active{transform:translateY(0)}.template-popup-view-link{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:6px;justify-content:center;padding:8px;transition:all var(--transition-fast);width:100%}.template-popup-view-link:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.template-popup-error{color:var(--color-danger);display:block;font-size:12px;margin-top:8px;text-align:center}.template-popup-dont-ask{background:none;border:none;color:var(--text-muted);cursor:pointer;display:block;font-size:11px;margin-top:12px;padding:0;text-align:center;transition:color var(--transition-fast);width:100%}.template-popup-dont-ask:hover{color:var(--text-secondary)}@keyframes templateOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes templatePopupSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.template-popup-overlay{padding-top:60px}.template-popup{max-width:calc(100% - 24px);padding:16px 18px}}.recipient-toggle-btn.sender-recipient{border-style:solid}.sender-badge{background:var(--color-primary);border-radius:10px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.sender-badge,.you-badge{color:#fff;display:inline-block;font-size:9px;margin-left:6px}.you-badge{background:#22c55e;background:var(--color-success,#22c55e);border-radius:8px;font-weight:700;letter-spacing:.5px;padding:1px 5px}.recipient-dropdown-divider{background-color:#dee2e6;background-color:var(--border-color,#dee2e6);height:1px;margin:4px 0}.recipient-dropdown-edit-link{display:block;padding:8px 12px}.recipient-dropdown-edit-btn,.recipient-dropdown-edit-link{color:var(--color-primary);cursor:pointer;font-size:13px;font-weight:600;text-align:left}.recipient-dropdown-edit-btn{align-items:center;background:#0000;border:none;display:flex;gap:8px;padding:10px 14px;width:100%}.recipient-dropdown-edit-btn:hover{background:#f5f5f5;background:var(--bg-hover,#f5f5f5)}.recipient-dropdown-edit-link:hover{text-decoration:underline}.signature-box.placed.signable{border-style:solid}.signature-box.placed.signable:hover{cursor:pointer}.click-to-sign-label{color:var(--color-primary);font-size:11px;font-weight:600;text-align:center;white-space:nowrap}.unsigned-fields-error{animation:fadeInDown .2s ease-out;background:#dc3545;background:var(--color-danger,#dc3545);border-radius:8px;box-shadow:var(--shadow-md);color:#fff;font-size:13px;font-weight:500;padding:8px 14px;position:absolute;right:0;top:calc(100% + 8px);white-space:nowrap;z-index:100}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.signature-box.placed.signed{background-color:#28a7451a;border-color:var(--color-success)!important;border-style:solid}.signed-box-content{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.signed-signature-image{max-height:95%;max-width:95%;object-fit:contain}.signed-date-display{align-items:center;color:var(--color-success);display:flex;font-size:12px;font-weight:600;justify-content:center}.edit-signed-btn{background:var(--bg-card);border:1px solid var(--color-success);border-radius:var(--radius-sm);color:var(--color-success);cursor:pointer;font-size:10px;opacity:0;padding:4px 6px;position:absolute;right:2px;top:2px;transition:all var(--transition-fast)}.signature-box.placed.signed:hover .edit-signed-btn{opacity:1}.edit-signed-btn:hover{background:var(--color-success);color:#fff}.box-toolbar{align-items:center;background:#1a1a2e;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0000004d;display:flex;gap:2px;left:50%;padding:4px 6px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:30}.box-toolbar>*{pointer-events:auto}.box-toolbar:after{border:6px solid #0000;border-top-color:#1a1a2e;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.box-toolbar.toolbar-below{bottom:auto;top:calc(100% + 8px)}.box-toolbar.toolbar-below:after{border-bottom-color:#1a1a2e;border-top-color:#0000;bottom:100%;top:auto}.toolbar-divider{background:#ffffff26;flex-shrink:0;height:20px;margin:0 4px;width:1px}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#aaa;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 8px;transition:background .15s,color .15s}.toolbar-btn:hover{background:#ffffff1a;color:#fff}.toolbar-delete-btn:hover{background:#dc35454d;color:#ff6b6b}.text-annotation-toolbar{pointer-events:auto!important}.text-annotation-toolbar *{pointer-events:auto}.toolbar-recipient-section{position:relative}.toolbar-recipient-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 8px 4px 4px;transition:background .15s}.toolbar-recipient-btn:hover{background:#ffffff1a}.toolbar-recipient-circle{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:26px;justify-content:center;width:26px}.toolbar-mixed-circle{background-color:#888!important;font-size:12px}.toolbar-dropdown-arrow{font-size:10px;opacity:.7}.toolbar-recipient-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #00000040;left:0;min-width:220px;padding:6px 0;position:absolute;top:calc(100% + 6px);transition:background-color var(--transition-slow),border-color var(--transition-slow);z-index:40}.toolbar-recipient-dropdown.dropdown-above{bottom:calc(100% + 6px);top:auto}.dropdown-recipient-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.dropdown-recipient-item:hover{background:#f5f5f5;background:var(--bg-hover,#f5f5f5)}.dropdown-recipient-item.active{background:#f0f0f0;background:var(--bg-hover,#f0f0f0)}.dropdown-recipient-circle{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.dropdown-recipient-info{display:flex;flex-direction:column}.dropdown-recipient-name{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:14px;font-weight:600}.dropdown-recipient-label{color:#888;color:var(--text-secondary,#888);font-size:12px}.dropdown-divider{background:#e5e5e5;background:var(--border-color,#e5e5e5);height:1px;margin:4px 0}.dropdown-edit-recipients{background:#0000;border:none;color:var(--color-primary);cursor:pointer;display:block;font-size:13px;font-weight:600;padding:10px 14px;text-align:left;text-decoration:none;width:100%}.dropdown-edit-recipients:hover{background:#f5f5f5;background:var(--bg-hover,#f5f5f5)}.preview-overlay{animation:fadeIn .2s ease;bottom:0;left:0;padding:0;position:fixed;right:0;top:0;z-index:1100}.preview-modal,.preview-overlay{background:var(--bg-primary);display:flex}.preview-modal{animation:slideUp .3s ease;border-radius:0;box-shadow:none;flex-direction:column;height:100%;max-height:none;max-width:none;overflow:hidden;transition:background-color var(--transition-slow);width:100%}.preview-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);gap:16px;padding:16px 24px;transition:background-color var(--transition-slow),border-color var(--transition-slow)}.preview-header,.preview-title{align-items:center;display:flex;flex-shrink:0}.preview-title{color:var(--text-primary);font-size:18px;font-weight:600;gap:8px;margin:0;transition:color var(--transition-slow);white-space:nowrap}.preview-back-btn{padding:8px 14px}.preview-back-btn,.preview-continue-btn{align-items:center;display:flex;flex-shrink:0;font-size:14px;gap:6px}.preview-continue-btn{margin-left:auto;padding:8px 16px;white-space:nowrap}.preview-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:20px;padding:8px;transition:color var(--transition-fast)}.preview-close-btn:hover{color:var(--color-danger)}.preview-recipient-tabs{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0;overflow-x:auto}.preview-recipient-tab{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;gap:8px;padding:8px 14px;transition:all var(--transition-fast);white-space:nowrap}.preview-recipient-tab:hover{background:var(--bg-hover);border-color:var(--text-muted)}.preview-recipient-tab.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.preview-tab-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.preview-tab-name{overflow:hidden;text-overflow:ellipsis}.preview-tab-count{background:var(--bg-card);border-radius:10px;color:var(--text-secondary);flex-shrink:0;font-size:11px;font-weight:600;padding:1px 7px}.preview-recipient-tab.active .preview-tab-count{background:var(--color-primary);color:#fff}.preview-viewing-as{align-items:center;background:var(--bg-input);border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;flex-shrink:0;font-size:13px;gap:8px;padding:10px 24px;transition:background-color var(--transition-slow),border-color var(--transition-slow)}.preview-viewing-count{opacity:.7}.preview-body{background:var(--bg-input);flex:1 1;overflow-y:auto;padding:24px;transition:background-color var(--transition-slow)}.preview-page-wrapper{margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:850px}.preview-page-wrapper:last-child{margin-bottom:0;margin-left:auto;margin-right:auto}.preview-page-label{color:var(--text-secondary);font-size:13px;font-weight:600;margin-bottom:8px;text-align:center;transition:color var(--transition-slow)}.preview-page-container{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:inline-block;overflow:visible;text-align:center;transition:background-color var(--transition-slow)}.preview-page-image{height:auto;max-width:none;width:750px}.preview-signer-box{align-items:center;border:2px solid var(--color-primary);border-radius:6px;box-sizing:border-box;display:flex;justify-content:center;pointer-events:none;position:absolute}.preview-signer-box.unsigned{background-color:color-mix(in srgb,var(--color-primary) 8%,#0000)}.preview-signer-box.signed{background-color:initial;border:none}.preview-signer-box.preview-signable{cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.preview-signer-box.preview-signable:hover{background-color:color-mix(in srgb,var(--color-primary) 20%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 40%,#0000)}.preview-signer-box.embedded-text{align-items:center;background:#0000;border:none;box-shadow:none;cursor:default;display:flex;justify-content:flex-start;padding-left:2px;pointer-events:none}@keyframes previewPulse{0%,to{box-shadow:0 0 0 0 #007cbf4d}50%{box-shadow:0 0 12px 2px #007cbf33}}.preview-box-label{align-items:center;background-color:var(--color-primary);border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:12px;font-weight:500;gap:6px;max-width:100%;overflow:hidden;padding:4px 8px;white-space:nowrap}.preview-box-label.date{background-color:var(--color-success)}.preview-box-number{background:#fff3;border-radius:50%;flex-shrink:0;font-size:10px;font-weight:700;height:18px;width:18px}.preview-box-number,.preview-signed-indicator{align-items:center;display:flex;justify-content:center}.preview-signed-indicator{height:100%;padding:4px;width:100%}.preview-date-display{color:var(--color-success)}.preview-date-display,.preview-text-display{align-items:center;display:flex;font-size:12px;font-weight:600;justify-content:center}.preview-text-display{color:var(--text-primary);overflow:hidden;text-align:center;text-overflow:ellipsis}.preview-signature-img{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.preview-signer-box.sample-unsigned{animation:none;background-color:var(--color-primary);border:2px solid var(--color-primary);border-radius:6px;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.preview-signer-box.sample-unsigned:hover{filter:brightness(1.1);transform:scale(1.02)}.preview-signer-box.sample-unsigned .preview-box-label{align-items:center;background-color:initial;box-shadow:none;color:#fff;display:flex;font-size:13px;font-weight:600;gap:5px}.preview-signer-box.sample-signed{animation:none;background-color:initial;border:2px solid var(--color-primary);border-radius:6px;cursor:pointer;overflow:visible;transition:background-color .15s ease}.preview-signer-box.sample-signed:hover{background-color:color-mix(in srgb,var(--color-primary) 6%,#0000)}.preview-sample-signature-display{align-items:center;display:flex;height:100%;justify-content:flex-start;overflow:hidden;padding-left:6px;position:relative;width:100%}.preview-sample-signed-by{color:var(--text-muted);font-size:9px;font-weight:500;left:6px;line-height:1;opacity:.7;position:absolute;top:0;white-space:nowrap}.preview-sample-sig-img{align-items:center;display:flex;height:100%;justify-content:flex-start;padding-top:8px;width:100%}.preview-sample-sig-img img{max-height:100%;max-width:100%;object-fit:contain}.preview-sample-initials-display{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;padding-left:6px;width:100%}.preview-sample-initials-display img{max-height:100%;max-width:100%;object-fit:contain}.sample-initials-text{color:var(--text-primary);font-size:14px;font-weight:600}.preview-sample-hint{color:var(--text-muted);font-size:11px;font-style:italic;margin-left:auto}.placement-header .preview-btn{align-items:center;align-self:center;border-radius:6px;display:flex;flex-grow:0;flex-shrink:0;font-weight:500;gap:8px;padding:10px 20px;white-space:nowrap;width:fit-content}@media (max-width:768px){.preview-header{flex-wrap:wrap;gap:8px;padding:12px 16px}.preview-continue-btn{font-size:13px;padding:6px 12px}.preview-recipient-tabs{order:1;width:100%}.preview-viewing-as{flex-wrap:wrap;font-size:12px;padding:8px 16px}.preview-sample-hint{font-size:10px;margin-left:0;width:100%}.preview-signer-box.sample-unsigned .preview-box-label{font-size:10px;gap:3px}.preview-sample-signed-by{font-size:8px}.preview-body{padding:16px}.preview-btn .preview-btn-text{display:none}.preview-page-container{zoom:calc(.13333vw - .08533px)}}@media (max-width:480px){.preview-header{padding:10px 12px}.preview-body{padding:12px}.preview-page-wrapper{margin-bottom:16px}.preview-recipient-tab{font-size:12px;padding:6px 10px}.preview-page-container{zoom:calc(.13333vw - .064px)}}.spi-esign-modal{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}.spi-esign-modal-content{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;transition:background-color var(--transition-slow);width:100%}.spi-esign-modal-content h3{color:var(--text-primary);font-size:20px;margin:0 0 15px;text-align:center}.spi-esign-disclosure{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:12px;line-height:1.5;margin-bottom:16px;max-height:200px;overflow-y:auto;padding:14px}.spi-esign-disclosure strong{color:var(--text-primary);font-size:13px}.spi-esign-disclosure p{margin:8px 0 6px;text-align:left}.spi-esign-disclosure ul{margin:0 0 6px;padding-left:18px;text-align:left}.spi-esign-consent{background:#f5a6231a;border:1px solid var(--color-warning);border-radius:6px;margin-bottom:16px;padding:12px;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.spi-esign-consent.consented{background:#34c7591a;border-color:var(--color-success)}.spi-esign-consent label{align-items:flex-start;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px}.spi-esign-consent input[type=checkbox]{cursor:pointer;flex-shrink:0;height:16px;margin-right:8px;margin-top:2px;width:16px}.spi-esign-actions{display:flex;gap:10px;justify-content:center}@media (max-width:768px){.spi-esign-modal{padding:0}.spi-esign-modal-content{border-radius:0;max-height:100vh;max-width:100%;padding:20px}.placement-sidebar.mobile-hidden{display:none!important}.placement-sidebar.mobile-bottom-sheet{animation:slideUp .25s ease-out;border-radius:16px 16px 0 0;border-right:none;border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -4px 20px #00000026;left:0;max-height:60vh;overflow-y:auto;position:fixed;right:0;top:auto;width:100%;z-index:1000}.mobile-bottom-sheet-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:1}.mobile-bottom-sheet-title{color:var(--text-primary);font-size:15px;font-weight:600}.mobile-bottom-sheet-close{color:var(--text-secondary);font-size:16px}.mobile-field-toolbar{background:var(--bg-card);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 12px #0000001a;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:999}.mobile-field-toolbar-hint{background:color-mix(in srgb,var(--color-primary) 8%,#0000);border-bottom:1px solid var(--border-color);color:var(--color-primary);font-size:12px;font-weight:500;padding:6px 12px;text-align:center}.mobile-field-toolbar-buttons{align-items:center;display:flex;gap:2px;justify-content:space-around;padding:8px 4px}.mobile-field-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:16px;gap:3px;min-width:48px;padding:8px 6px;transition:all .15s ease}.mobile-field-btn span{font-size:10px;font-weight:500;white-space:nowrap}.mobile-field-btn:active{background:var(--bg-hover)}.mobile-field-btn.active{background:color-mix(in srgb,var(--color-primary) 12%,#0000);background:color-mix(in srgb,var(--btn-color,var(--color-primary)) 12%,#0000);color:var(--color-primary);color:var(--btn-color,var(--color-primary))}.mobile-field-btn-more{color:var(--text-muted)}.placement-sidebar.mobile-hidden+.placement-document{padding-bottom:80px}}@media (max-width:768px){@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (min-width:769px){.mobile-bottom-sheet-header,.mobile-field-toolbar{display:none}}.self-signing-interface{background:var(--bg-primary);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.ssi-header{position:relative}.ssi-header .signing-header-left{flex-shrink:0}.ssi-back-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-sm);color:#ffffffe6;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;gap:6px;padding:8px 12px;transition:all var(--transition-fast)}.ssi-back-btn:hover{background:#fff3;border-color:#ffffff59}.ssi-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px;transition:all var(--transition-fast)}.ssi-close-btn:hover{background:#ffffff1a;color:#ffffffe6}.ssi-font-selector-section{margin:12px 0 8px}.ssi-font-selector-label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.ssi-font-selector{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ssi-font-option{background:var(--bg-input);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;max-width:160px;min-width:0;overflow:hidden;padding:8px 14px;text-overflow:ellipsis;transition:all .15s ease;white-space:nowrap}.ssi-font-option:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.ssi-font-option.selected{background:color-mix(in srgb,var(--color-primary) 8%,var(--bg-input));border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}@media (max-width:768px){.self-signing-interface .signing-header-bar{padding:8px 12px}.ssi-back-btn{font-size:13px;padding:6px 10px}.ssi-font-selector{gap:6px}.ssi-font-option{max-width:120px;padding:6px 10px}.ssi-font-option span{font-size:18px!important}}@media (max-width:480px){.ssi-font-option{font-size:14px;max-width:100px;padding:5px 8px}}.form-modal.final-send-modal{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;padding:0;z-index:2002}.final-send-modal .final-send-container{background:var(--bg-card);border-radius:0;display:flex;flex-direction:column;height:100%;max-height:none;max-width:none;overflow:hidden;padding:0;transition:background-color var(--transition-slow);width:100%}.final-send-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:15px;justify-content:space-between;padding:14px 20px;position:relative}.final-send-modal .modal-header .back-btn{flex-shrink:0;width:fit-content;z-index:1}.final-send-modal .modal-header .send-flow-progress{left:50%;position:absolute;top:calc(50% + 7px);transform:translate(-50%,-50%)}.final-send-modal .modal-header .close-modal{flex-shrink:0;width:fit-content;z-index:1}.final-send-content{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding:20px 24px}.final-send-body{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 1fr;min-height:0}.final-send-left{border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;padding-right:24px}.final-send-right{display:flex;flex-direction:column;gap:14px;padding-left:24px}.custom-message-section,.send-summary-section{display:flex;flex-direction:column;gap:6px}.custom-message-section{flex:1 1;min-height:0}.summary-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:13px;font-weight:600;gap:6px;margin:0}.document-info-row{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:8px;padding:10px 14px}.document-info-row.clickable{cursor:pointer;transition:all var(--transition-fast)}.document-info-row.clickable:hover{background:var(--bg-hover);border-color:var(--color-primary)}.document-info-icon{color:var(--text-muted);flex-shrink:0;font-size:13px}.document-info-name{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-info-fields,.recipients-toggle-label{color:var(--text-secondary);flex-shrink:0;font-size:11px;white-space:nowrap}.recipients-toggle-label{align-items:center;display:inline-flex;gap:4px}.recipients-toggle-label svg{font-size:8px;transition:transform var(--transition-fast)}.recipients-toggle-label.expanded svg{transform:rotate(180deg)}.recipients-summary-list{display:flex;flex-direction:column;gap:6px}.recipient-summary-item{align-items:center;background:var(--bg-input);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);display:flex;gap:10px;padding:10px 12px;transition:all var(--transition-fast)}.recipient-summary-item:hover{background:var(--bg-hover)}.recipient-color-indicator{border-radius:50%;flex-shrink:0;height:10px;width:10px}.recipient-summary-info{flex:1 1;min-width:0}.recipient-summary-name{color:var(--text-primary);font-size:13px;font-weight:500;margin-bottom:1px}.recipient-summary-email{color:var(--text-secondary);font-size:12px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-summary-fields{align-items:center;color:var(--color-success);display:flex;font-size:11px;font-weight:500;gap:4px}.email-subject-section{display:flex;flex-direction:column;gap:4px}.email-subject-section label{color:var(--text-primary);font-size:13px;font-weight:500}.email-subject-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:13px;padding:8px 12px;transition:all var(--transition-normal);width:100%}.email-subject-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.email-signature-section{display:flex;flex-direction:column;gap:4px}.email-signature-section label{align-items:center;color:var(--text-primary);display:flex;font-size:13px;font-weight:500;gap:8px}.signature-persist-note{color:var(--text-muted);font-size:12px;font-weight:400}.email-signature-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:13px;padding:8px 12px;resize:none;transition:all var(--transition-normal);width:100%}.email-signature-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.custom-message-section label{color:var(--text-primary);font-size:13px;font-weight:500}.custom-message-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-family:inherit;font-size:13px;min-height:60px;padding:8px 12px;resize:none;transition:all var(--transition-normal);width:100%}.custom-message-input::placeholder{color:var(--text-muted)}.custom-message-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.custom-message-input:disabled{background-color:var(--bg-input);border-color:var(--border-color);color:var(--text-muted);cursor:not-allowed}.character-count{color:var(--text-muted);font-size:11px;text-align:right}.options-list,.signing-options-section{display:flex;flex-direction:column;gap:6px}.option-checkbox{align-items:flex-start;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:all var(--transition-fast)}.option-checkbox:hover{background:var(--bg-hover);border-color:var(--color-primary)}.option-checkbox input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.option-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.option-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.option-label{color:var(--text-primary);font-size:13px;font-weight:500}.option-description{color:var(--text-secondary);font-size:12px;line-height:1.4}.final-send-modal .remind-frequency-selector{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:10px;padding:8px 12px 8px 40px}.final-send-modal .frequency-label{color:var(--text-secondary);font-size:13px;white-space:nowrap}.final-send-modal .frequency-select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:13px;padding:6px 10px}.final-send-modal .frequency-select:focus{border-color:var(--color-primary);outline:none}.advanced-options-placeholder{background:var(--color-warning);background:#f5a6231a;border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:16px;text-align:center}.placeholder-text{color:var(--color-warning);font-size:13px;margin:0}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:12px 20px}.send-document-btn{justify-content:center;min-width:180px}@media (max-width:768px){.final-send-body{grid-template-columns:1fr}.final-send-left{border-bottom:1px solid var(--border-color);border-right:none;padding-bottom:12px;padding-right:0}.final-send-right{padding-left:0;padding-top:12px}.modal-actions{flex-direction:column;gap:10px}.send-document-btn{min-width:auto}}.send-document-flow{background:#0000;z-index:2000}.send-document-flow,.send-flow-backdrop{bottom:0;left:0;position:fixed;right:0;top:0}.send-flow-backdrop{background:var(--bg-primary);z-index:-1}.send-flow-loading{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.send-flow-loading .loading-spinner-content{background:var(--bg-card);padding:40px 50px}.settings-page{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;padding:24px 32px}.settings-content{padding:0}.settings-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 22px}.settings-row:last-child{border-bottom:none}.settings-row button{flex-grow:0;flex-shrink:0;width:auto}.settings-row.clickable{cursor:pointer;transition:background-color .2s ease}.settings-row.clickable:hover{background:var(--bg-hover)}.settings-label{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px}.settings-description{color:var(--text-secondary);font-size:12px}.settings-value{color:var(--text-secondary);font-size:14px;text-align:right}.settings-input{background:#fff;background:var(--bg-input,#fff);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:6px;color:var(--text-primary);font-size:14px;padding:6px 10px;transition:border-color var(--transition-fast);width:220px}.settings-input:focus{border-color:#4f46e5;border-color:var(--color-primary,#4f46e5);outline:none}.role-badge{background:var(--bg-input);border-radius:6px;color:var(--text-primary);display:inline-block;font-size:12px;padding:4px 10px;text-transform:capitalize}.settings-toggle{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:background-color .3s ease;width:44px}.settings-toggle.active{background:var(--color-primary);border-color:var(--color-primary)}.settings-toggle .toggle-knob{background:var(--bg-card);border-radius:50%;box-shadow:0 1px 3px #0003;height:18px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:18px}.settings-toggle.active .toggle-knob{transform:translateX(20px)}.settings-row.disabled{cursor:not-allowed;opacity:.5}.settings-toggle.disabled{cursor:not-allowed}.theme-options{display:flex;gap:8px}.theme-option{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.theme-option:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-option.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.theme-option svg{height:14px;width:14px}.color-options{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{border:2px solid #0000;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a;cursor:pointer;flex-shrink:0;height:32px;min-height:32px;min-width:32px;padding:0;transition:all .2s ease;width:32px!important}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:var(--text-primary);box-shadow:inset 0 0 0 1px #0000001a,0 0 0 2px var(--bg-card),0 0 0 4px var(--text-primary)}.settings-page .btn-secondary{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.settings-page .btn-secondary:hover{background:var(--bg-hover)}.settings-page .btn-danger{align-items:center;background:var(--color-danger);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.settings-page .btn-danger:hover{opacity:.9}.danger-card{border-color:#ff3b3033}.danger-card .settings-label{color:var(--color-danger)}.font-selection-row{border-bottom:none}.font-options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:0 22px 16px}.font-option{align-items:center;background:var(--bg-input);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;justify-content:center;min-height:90px;padding:16px 12px;transition:all .2s ease}.font-option:hover{background:var(--bg-hover);border-color:var(--border-hover)}.font-option.active{background:var(--color-primary-light);border-color:var(--color-primary)}.font-option .font-preview{align-items:center;color:var(--text-primary);display:flex;height:50px;justify-content:center;line-height:1;text-align:center;white-space:nowrap}.font-option .font-name{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px}.font-option.active .font-name{color:var(--color-primary);font-weight:500}.settings-select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:13px;padding:8px 12px}.settings-select:hover{border-color:var(--border-hover,var(--border-color))}@media (max-width:768px){.settings-row{align-items:flex-start;flex-direction:column;gap:12px}.settings-value{text-align:left}.settings-row button,.settings-select{justify-content:center;width:100%}.theme-options{width:100%}.theme-option{flex:1 1;justify-content:center}.font-options-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.font-options-grid{grid-template-columns:1fr}}.billing-dashboard{margin:0 auto;max-width:1200px;padding:2rem}.billing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.billing-header h1{font-size:1.75rem;margin:0}.no-subscription{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:12px;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;flex-direction:column;padding:4rem 2rem;text-align:center}.no-subscription h2{color:#333;color:var(--text-primary,#333);margin-top:1rem}.no-subscription p{margin-bottom:1.5rem}.dp-description{margin-bottom:.5rem}.dp-description,.dp-expires{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px}.dp-expires{margin-bottom:1rem}.dp-features{border-top:1px solid #e9ecef;border-top:1px solid var(--border-color,#e9ecef);display:flex;gap:24px;margin-top:1rem;padding-top:1rem}.dp-feature{align-items:center;color:#333;color:var(--text-primary,#333);display:flex;font-size:14px;font-weight:500;gap:8px}.dp-feature svg{color:#6c757d;color:var(--text-secondary,#6c757d)}.billing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}@media (max-width:768px){.billing-grid{grid-template-columns:1fr}}.billing-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:12px;padding:1.5rem}.billing-card h3{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.875rem;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.plan-display{align-items:center;display:flex;gap:12px;margin-bottom:.75rem}.plan-name-large{font-size:1.5rem;font-weight:700}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.status-badge.active,.status-badge.paid{background:#d4edda;background:var(--color-success-bg,#d4edda);color:#155724;color:var(--color-success-text,#155724)}.status-badge.trialing{background:#d1ecf1;background:var(--color-info-bg,#d1ecf1);color:#0c5460;color:var(--color-info-text,#0c5460)}.status-badge.past_due{background:#f8d7da;background:var(--color-danger-bg,#f8d7da);color:#721c24;color:var(--color-danger-text,#721c24)}.status-badge.canceled{background:#f1f3f5;background:var(--bg-secondary,#f1f3f5);color:#6c757d;color:var(--text-secondary,#6c757d)}.status-badge.canceling{background:#fff3cd;background:var(--color-warning-bg,#fff3cd);color:#856404;color:var(--color-warning-text,#856404)}.period-info,.trial-info{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px;margin-bottom:.5rem}.past-due-warning{color:#dc3545;color:var(--color-danger,#dc3545);font-weight:500}.canceled-info,.past-due-warning{font-size:14px;margin-bottom:.5rem}.canceled-info{color:#6c757d;color:var(--text-secondary,#6c757d)}.plan-actions{margin-top:1rem}.btn-outline{align-items:center;background:#0000;border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-outline:hover{background:#f1f3f5;background:var(--bg-secondary,#f1f3f5)}.usage-display{margin-bottom:1rem;text-align:center}.usage-numbers{align-items:baseline;display:flex;gap:4px;justify-content:center}.usage-current{font-size:2rem;font-weight:700}.usage-limit,.usage-separator{font-size:1.25rem}.usage-label,.usage-limit,.usage-separator{color:#6c757d;color:var(--text-secondary,#6c757d)}.usage-label{font-size:13px;gap:5px}.usage-label,.usage-tooltip-wrapper{align-items:center;display:inline-flex}.usage-tooltip-wrapper{position:relative}.usage-info-icon{color:#adb5bd;color:var(--text-tertiary,#adb5bd);cursor:help;font-size:12px}.usage-tooltip{background:#333;background:var(--bg-tooltip,#333);border-radius:6px;bottom:calc(100% + 8px);color:#fff;display:none;font-size:12px;font-weight:400;line-height:1.4;padding:8px 12px;pointer-events:none;text-align:center;white-space:normal;width:240px;z-index:10}.usage-tooltip,.usage-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.usage-tooltip:after{border:5px solid #0000;border-top:5px solid var(--bg-tooltip,#333);content:"";top:100%}.usage-tooltip-wrapper:hover .usage-tooltip{display:block}.usage-bar-container{background:#f1f3f5;background:var(--bg-secondary,#f1f3f5);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.usage-bar{border-radius:4px;height:100%;transition:width .3s ease}.metered-info,.usage-percent{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:13px;text-align:center}.metered-info{margin-top:.5rem}.invoices-card{grid-column:1/-1}.invoices-table{border-collapse:collapse;width:100%}.invoices-table th{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:12px;letter-spacing:.05em;padding:8px 0;text-align:left;text-transform:uppercase}.invoices-table td,.invoices-table th{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color,#e9ecef)}.invoices-table td{font-size:14px;padding:12px 0}.invoice-link{align-items:center;color:#007bff;color:var(--color-primary,#007bff);display:inline-flex;font-size:13px;gap:4px;text-decoration:none}.invoice-link:hover{text-decoration:underline}.no-invoices{color:#6c757d;color:var(--text-secondary,#6c757d);padding:2rem;text-align:center}.billing-dashboard .btn-primary{border-radius:8px;font-weight:600}.billing-dashboard .btn-primary:hover{opacity:.9}.billing-dashboard .btn-secondary{border-radius:8px}.billing-dashboard .btn-secondary:hover{background:#e9ecef;background:var(--bg-tertiary,#e9ecef)}.billing-dashboard .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.pricing-section{margin-top:2rem}.pricing-header{margin-bottom:2rem;text-align:center}.pricing-header h2{font-size:1.5rem;margin-bottom:.5rem}.pricing-header p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:1rem}.billing-toggle{background:#f1f3f5;background:var(--bg-input,#f1f3f5);border-radius:8px;display:inline-flex;margin-top:1rem;padding:4px}.billing-toggle button{background:#0000;border:none;border-radius:6px;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.billing-toggle button.active{background:#fff;background:var(--bg-card,#fff);box-shadow:0 1px 3px #00000026;color:#333;color:var(--text-primary,#333)}.save-badge{background:#b8860b;border-radius:4px;color:#fff;font-size:11px;margin-left:4px;padding:2px 6px}.pricing-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:12px;padding:2rem;position:relative;transition:transform .2s,box-shadow .2s}.pricing-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.pricing-card.current-paid,.pricing-card.popular{border-color:#2e4057;border-color:var(--color-primary,#2e4057);border-width:2px}.pricing-card.current-free{border-color:#dee2e6;border-color:var(--border-color,#dee2e6);border-width:2px}.popular-badge{background:#2e4057;background:var(--color-primary,#2e4057);border-radius:12px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:4px 12px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.coming-soon-badge{background:#f1f3f5;background:var(--bg-secondary,#f1f3f5);border-radius:4px;color:#6c757d;color:var(--text-secondary,#6c757d);display:inline-block;font-size:10px;font-weight:500;margin-left:4px;padding:1px 6px}.enterprise-price{font-size:1.75rem}.plan-cta-contact{border-color:#2e4057;border-color:var(--color-primary,#2e4057);color:#fff}.plan-cta-contact,.plan-cta-contact:hover:not(:disabled){background:#2e4057;background:var(--color-primary,#2e4057)}.plan-cta-contact:hover:not(:disabled){opacity:.9}.billing-dashboard .current-badge{background:#2e4057;background:var(--color-primary,#2e4057);border-radius:12px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:4px 12px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.billing-dashboard .current-badge-neutral{background:#6c757d;background:var(--text-secondary,#6c757d)}.plan-name{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.plan-price{align-items:baseline;display:flex;margin-bottom:.25rem}.plan-price .currency{font-size:1.25rem;font-weight:600}.plan-price .amount{font-size:2.5rem;font-weight:700;line-height:1}.plan-price .period{font-size:.9rem;margin-left:4px}.plan-price .period,.yearly-total{color:#6c757d;color:var(--text-secondary,#6c757d)}.yearly-total{font-size:13px;margin-bottom:.5rem}.plan-docs{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color,#e9ecef);color:#6c757d;color:var(--text-secondary,#6c757d);padding-bottom:1rem}.plan-cta,.plan-docs{font-size:14px;margin-bottom:1.5rem}.plan-cta{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:8px;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.plan-cta:hover:not(:disabled){background:#f1f3f5;background:var(--bg-secondary,#f1f3f5)}.plan-cta:disabled{cursor:not-allowed;opacity:.5}.plan-features{list-style:none;margin:0;padding:0}.plan-features li{align-items:center;color:#333;color:var(--text-primary,#333);display:flex;font-size:14px;gap:8px;padding:6px 0}.check-icon{color:#28a745;color:var(--color-success,#28a745);flex-shrink:0;font-size:12px}.demo-cta-section{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:12px;margin-top:2.5rem;padding:2rem;text-align:center}.demo-cta-section p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:1rem;margin-bottom:1rem}.btn-demo{align-items:center;background:#007bff;background:var(--color-primary,#007bff);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 28px;transition:opacity .2s}.btn-demo:hover{opacity:.9}.demo-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.demo-modal{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;max-height:90vh;max-width:480px;overflow-y:auto;padding:2rem;position:relative;width:100%}.demo-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.demo-modal-header h2{font-size:1.35rem;margin:0}.demo-modal-close{align-items:center;background:none;border:none;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;font-size:18px;padding:4px}.demo-modal-close:hover{color:#333;color:var(--text-primary,#333)}.demo-modal-description{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px;margin-bottom:1.5rem}.demo-form-group{margin-bottom:1rem}.demo-form-group label{color:#333;color:var(--text-primary,#333);display:block;font-size:13px;font-weight:600;margin-bottom:4px}.demo-form-group input,.demo-form-group textarea{background:#fff;background:var(--bg-input,#fff);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:6px;box-sizing:border-box;color:#333;color:var(--text-primary,#333);font-size:14px;padding:10px 12px;width:100%}.demo-form-group input:focus,.demo-form-group textarea:focus{border-color:#007bff;border-color:var(--color-primary,#007bff);box-shadow:0 0 0 3px #007bff26;outline:none}.demo-form-group textarea{resize:vertical}.btn-demo-submit{background:#007bff;background:var(--color-primary,#007bff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:.5rem;padding:12px;transition:opacity .2s;width:100%}.btn-demo-submit:hover:not(:disabled){opacity:.9}.btn-demo-submit:disabled{cursor:not-allowed;opacity:.6}.success-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1002}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.success-modal{animation:slideUp .3s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:16px;max-width:400px;padding:2.5rem;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon-container{margin-bottom:1.5rem}.success-icon{animation:popIn .4s ease-out .1s both;color:#28a745;color:var(--color-success,#28a745);font-size:64px}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-modal h2{color:#333;color:var(--text-primary,#333);font-size:1.5rem;margin-bottom:.75rem}.success-modal p{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:1rem;margin-bottom:1.5rem}.btn-success-dismiss{background:#2e4057;background:var(--color-primary,#2e4057);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:opacity .2s}.btn-success-dismiss:hover{opacity:.9}.lease-templates-page{margin:0 auto;max-width:1200px;padding:2rem}.templates-header{margin-bottom:1.5rem}.templates-header h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.templates-header p{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin:0}.templates-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;gap:0;margin-bottom:1.5rem}.templates-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:.875rem;gap:6px;margin-bottom:-1px;padding:.5rem 1.25rem;transition:all .15s}.templates-tab:hover{color:#111;color:var(--text-primary,#111)}.templates-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:600}.saved-count{align-items:center;background:var(--color-primary);border-radius:9px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px}.templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.template-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .15s}.template-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.template-card-preview{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;height:180px;justify-content:center;overflow:hidden}.template-card-preview img{height:100%;object-fit:cover;width:100%}.template-card-placeholder{color:#ccc;font-size:3rem}.template-card-info{padding:1rem 1.25rem}.template-card-info h3{font-size:1rem;font-weight:600;margin:0 0 .35rem}.template-card-info p{color:#666;color:var(--text-secondary,#666);font-size:.8rem;line-height:1.4;margin:0 0 .75rem}.template-card-meta{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.template-state-badge{align-items:center;background:#eff6ff;border-radius:4px;color:#3b82f6;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:2px 8px}.template-page-count{color:#888;color:var(--text-secondary,#888);font-size:.75rem}.template-card-roles{display:flex;flex-wrap:wrap;gap:.35rem}.role-badge{background:#f0fdf4;border-radius:4px;color:#15803d;font-size:.7rem;font-weight:500;padding:2px 6px}.role-badge.optional{background:#fefce8;color:#a16207}.template-card-actions{display:flex;gap:.5rem;padding:0 1.25rem 1rem}.template-use-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;padding:.5rem 1rem;transition:opacity .15s}.template-use-btn:hover{opacity:.9}.template-use-btn:disabled{cursor:not-allowed;opacity:.5}.saved-configs-list{display:flex;flex-direction:column;gap:.75rem}.saved-config-card{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:box-shadow .15s}.saved-config-card:hover{box-shadow:0 2px 8px #0000000f}.saved-config-info{flex:1 1;min-width:0}.saved-config-name{font-size:.95rem;font-weight:600;margin:0 0 .2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-config-template{color:#666;color:var(--text-secondary,#666);font-size:.8rem;margin:0 0 .35rem}.saved-config-meta{color:#888;color:var(--text-secondary,#888);display:flex;font-size:.75rem;gap:1rem}.saved-config-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem;margin-left:1rem}.saved-config-send-btn{align-items:center;border-radius:8px;display:flex;font-size:.8rem;gap:6px;padding:.4rem 1rem}.saved-config-menu-wrapper{position:relative}.saved-config-menu-btn{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;padding:.4rem .5rem}.saved-config-menu-btn:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);color:#333;color:var(--text-primary,#333)}.saved-config-dropdown{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 4px 16px #0000001f;margin-top:4px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.saved-config-dropdown button{align-items:center;background:none;border:none;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:.8rem;gap:8px;padding:.5rem .75rem;text-align:left;width:100%}.saved-config-dropdown button:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.saved-config-dropdown button.danger{color:#dc2626}.saved-config-dropdown button.danger:hover{background:#fef2f2}.saved-config-rename{align-items:center;display:flex;gap:.5rem}.rename-input{border:1px solid var(--color-primary);border-radius:6px;font-size:.875rem;min-width:200px;outline:none;padding:.35rem .5rem}.btn-small{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;padding:.3rem .6rem}.btn-small.btn-primary{background:var(--color-primary);color:#fff}.btn-small.btn-secondary{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#333;color:var(--text-primary,#333)}.templates-empty{color:#888;color:var(--text-secondary,#888);padding:4rem 2rem;text-align:center}.templates-empty .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.templates-empty h3{color:#333;color:var(--text-primary,#333);font-weight:600;margin:0 0 .5rem}.templates-empty p{font-size:.9rem;margin:0}.dark-mode .template-card{background:#1a1a2e;background:var(--card-bg,#1a1a2e);border-color:#333;border-color:var(--border-color,#333)}.dark-mode .template-card-preview{background:#111}.dark-mode .template-state-badge{background:#1e3a5f;color:#93c5fd}.dark-mode .role-badge{background:#1a2e1a;color:#86efac}.dark-mode .role-badge.optional{background:#2e2a1a;color:#fde047}.dark-mode .saved-config-card,.dark-mode .saved-config-dropdown{background:#1a1a2e;background:var(--card-bg,#1a1a2e);border-color:#333;border-color:var(--border-color,#333)}.dark-mode .saved-config-dropdown button.danger:hover{background:#2d1a1a}@media (max-width:768px){.lease-templates-page{padding:1rem}.templates-grid{grid-template-columns:1fr}.saved-config-card{align-items:flex-start;flex-direction:column;gap:.75rem}.saved-config-actions{justify-content:flex-end;margin-left:0;width:100%}}.address-autocomplete-wrapper{position:relative;width:100%}.address-suggestions-dropdown{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;list-style:none;margin:4px 0 0;max-height:220px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:100%;z-index:100}.address-suggestion-item{cursor:pointer;display:flex;flex-direction:column;padding:8px 12px;transition:background .1s}.address-suggestion-item.active,.address-suggestion-item:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.address-suggestion-main{color:#111;color:var(--text-primary,#111);font-size:.875rem}.address-suggestion-secondary{color:#666;color:var(--text-secondary,#666);font-size:.75rem;margin-top:1px}.template-send-flow{background:#f9fafb;background:var(--bg-primary,#f9fafb);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:2000}.template-send-error,.template-send-loading{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px;text-align:center}.template-send-error h2{color:#111;color:var(--text-primary,#111);margin:0}.template-send-error p{margin:0 0 1rem}.template-send-header{align-items:center;background:#fff;background:var(--bg-card,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;gap:15px;justify-content:space-between;padding:20px 24px;position:relative}.template-send-header .back-btn{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-weight:500;gap:8px;padding:10px 20px;white-space:nowrap;width:fit-content;z-index:1}.template-send-header .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:8px;transition:color .15s;transition:color var(--transition-fast,.15s)}.template-send-header .close-btn:hover{color:#ef4444;color:var(--color-danger,#ef4444)}.template-send-header-center{display:flex;justify-content:center;left:50%;position:absolute;top:calc(50% + 7px);transform:translate(-50%,-50%)}.template-send-spacer{width:80px}.template-send-header-right{align-items:center;display:flex;gap:.5rem}.template-send-scroll{flex:1 1;overflow-y:auto}.template-send-content{display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:2rem;width:100%}.template-step-header{margin-bottom:1.5rem}.template-step-header h2{color:#111;color:var(--text-primary,#111);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.template-step-subtitle{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin:0}.template-step-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.template-step-footer-spacer{flex:1 1}.template-send-flow .btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .15s}.template-send-flow .btn-primary:hover:not(:disabled){box-shadow:0 2px 8px #2e40574d;filter:brightness(1.1)}.template-send-flow .btn-primary:disabled{cursor:not-allowed;opacity:.5}.template-send-flow .btn-secondary{align-items:center;background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#111;color:var(--text-primary,#111);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .15s}.template-send-flow .btn-secondary:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.template-send-flow .btn-link{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:.875rem;gap:.4rem;padding:.25rem 0}.template-send-flow .btn-link:hover{text-decoration:underline}.template-send-flow .btn-icon{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .15s;width:32px}.template-send-flow .btn-icon:hover:not(:disabled){background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#111;color:var(--text-primary,#111)}.template-send-flow .btn-icon:disabled{cursor:not-allowed;opacity:.4}.btn-send{background:#10b981!important}.btn-send:hover:not(:disabled){box-shadow:0 2px 8px #10b9814d!important}.template-fill-step{display:flex;flex-direction:column;gap:1rem}.template-fill-section{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;overflow:visible}.template-fill-section-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:background .1s;width:100%}.template-fill-section-header:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.template-fill-section-header h3{color:#111;color:var(--text-primary,#111);font-size:.95rem;font-weight:600;margin:0}.template-fill-section-header svg{color:#999;color:var(--text-tertiary,#999);font-size:.8rem}.section-optional-badge{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-radius:10px;color:#999;color:var(--text-tertiary,#999);display:inline-block;font-size:.7rem;font-weight:500;margin-left:.5rem;padding:1px 8px;vertical-align:middle}.optional-section{border-color:#e5e7eb;border-color:var(--border-color-light,#e5e7eb);border-style:dashed}.template-fill-section-desc{color:#666;color:var(--text-secondary,#666);font-size:.8rem;line-height:1.4;margin:0 0 .25rem}.template-fill-group-header{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color-light,#eee);color:#555;color:var(--text-secondary,#555);font-size:.8rem;font-weight:600;margin:.5rem 0 0;padding-bottom:.25rem}.template-fill-readonly{background:#f5f5f5;background:var(--bg-hover,#f5f5f5);color:#111;color:var(--text-primary,#111);cursor:default}.template-fill-section-body{display:flex;flex-direction:column;gap:.875rem;padding:0 1.25rem 1.25rem}.template-fill-field{display:flex;flex-direction:column;gap:.3rem}.template-fill-label{color:#666;color:var(--text-secondary,#666);font-size:.8rem;font-weight:500;text-transform:capitalize}.template-fill-input{background:#f9fafb;background:var(--bg-primary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#111;color:var(--text-primary,#111);font-family:inherit;font-size:.875rem;padding:.625rem .75rem;transition:border-color .15s;width:100%}.template-fill-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.template-fill-input.missing{border-color:#ef4444}.template-fill-input.missing:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}textarea.template-fill-input{min-height:60px;resize:vertical}.template-fill-config-name{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem;padding-bottom:1rem}.config-name-optional{font-weight:400}.config-name-hint,.config-name-optional{color:#999;color:var(--text-secondary,#999);font-size:.75rem}.config-name-hint{margin:0}.template-fill-checkbox{align-items:center;cursor:pointer;display:flex;gap:.5rem;padding:.25rem 0}.template-fill-checkbox input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.checkbox-label-text{color:#111;color:var(--text-primary,#111);font-size:.875rem;text-transform:capitalize}.recipient-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;gap:0;margin-bottom:1rem}.recipient-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .15s}.recipient-tab.active,.recipient-tab:hover{color:#111;color:var(--text-primary,#111)}.recipient-tab.active{font-weight:600}.recipient-fields-label{color:#666;color:var(--text-secondary,#666);font-size:.85rem;margin:0 0 .75rem}.tfs-signature-start{display:flex;flex-direction:column;gap:.75rem}.tfs-signature-start p{color:#666;color:var(--text-secondary,#666);font-size:.875rem;margin:0}.tfs-create-sig-btn{align-self:flex-start}.tfs-skip-hint{color:#999;color:var(--text-muted,#999);font-size:.8rem;font-style:italic}.tfs-signature-done{display:flex;flex-direction:column;gap:.75rem}.tfs-signature-done-row{align-items:stretch;display:flex;gap:1rem}.tfs-sig-preview-card{align-items:center;background:#f9fafb;background:var(--bg-primary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem}.tfs-initials-card{flex:0 0 120px}.tfs-sig-label{color:#999;color:var(--text-tertiary,#999);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tfs-sig-img{max-height:60px;max-width:100%;object-fit:contain}.tfs-sig-text{color:#111;color:var(--text-primary,#111);font-family:Dancing Script,cursive;font-size:22px}.tfs-signature-create{display:flex;flex-direction:column;gap:1rem}.tfs-sig-instruction{color:#666;color:var(--text-secondary,#666);font-size:.875rem;margin:0}.tfs-name-row{display:flex;gap:.75rem}.tfs-name-field{flex:1 1}.tfs-initials-field{flex:0 0 100px}.tfs-initials-field label,.tfs-name-field label{color:#666;color:var(--text-secondary,#666);display:block;font-size:.8rem;font-weight:500;margin-bottom:.3rem}.tfs-required{color:#ef4444}.tfs-preview-section{margin-top:.25rem}.tfs-preview-label{color:#999;color:var(--text-tertiary,#999);display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.tfs-preview-box{align-items:center;background:#f9fafb;background:var(--bg-primary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;gap:1.5rem;min-height:70px;padding:1rem}.tfs-preview-sig{align-items:center;display:flex;flex:1 1;justify-content:center}.tfs-preview-sig img{max-height:60px;max-width:100%;object-fit:contain}.tfs-preview-initials{align-items:center;border-left:1px solid #e5e7eb;border-left:1px solid var(--border-color,#e5e7eb);display:flex;flex-direction:column;gap:.25rem;padding-left:1.5rem}.tfs-initials-tag{color:#999;color:var(--text-tertiary,#999);font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tfs-preview-initials img{max-height:40px;max-width:80px;object-fit:contain}.tfs-preview-placeholder{font-size:.875rem;font-style:italic}.tfs-legal-text,.tfs-preview-placeholder{color:#999;color:var(--text-tertiary,#999)}.tfs-legal-text{font-size:.75rem;line-height:1.5;margin:0}.tfs-sig-actions{display:flex;gap:.5rem;justify-content:flex-end}.template-fill-section .ssi-font-selector-section{margin:4px 0 8px}.template-fill-section .ssi-font-selector-label{color:#666;color:var(--text-secondary,#666);display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.template-fill-section .ssi-font-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.template-fill-section .ssi-font-option{background:#f9fafb;background:var(--bg-primary,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:8px;cursor:pointer;max-width:none;min-width:0;overflow:hidden;padding:8px 14px;transition:all .15s ease;white-space:nowrap}.template-fill-section .ssi-font-option:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#666;border-color:var(--text-secondary,#666)}.template-fill-section .ssi-font-option.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.preview-recipient-switcher{align-items:center;background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;display:flex;gap:1rem;justify-content:center;padding:.75rem}.preview-recipient-name{color:#666;color:var(--text-secondary,#666);font-size:.9rem}.preview-recipient-name strong{color:#111;color:var(--text-primary,#111)}.preview-pages-container{gap:1rem}.preview-pages-container,.preview-pages-loading{align-items:center;display:flex;flex-direction:column}.preview-pages-loading{color:#666;color:var(--text-secondary,#666);gap:.75rem;padding:4rem 2rem}.preview-pages-loading .spinner{animation:spin 1s linear infinite;font-size:1.5rem}.preview-page{background:#fff;border-radius:4px;box-shadow:0 2px 12px #0000001a;overflow:hidden;position:relative}.preview-page-image{display:block;height:100%;object-fit:contain;width:100%}.preview-field{align-items:center;display:flex;overflow:hidden}.preview-text.filled{background:#6366f114;border-bottom:1px solid #6366f14d}.preview-text.empty{background:#c8c8c81a}.preview-field-value{color:#1e293b;font-size:10px;overflow:hidden;padding:0 2px;text-overflow:ellipsis;white-space:nowrap}.preview-checkbox{justify-content:center}.preview-check-icon{color:#10b981;font-size:10px}.preview-signature{justify-content:center}.preview-signature.signed{background:#10b98114;border-bottom:1px solid #10b9814d}.preview-signature.unsigned{background:#ef44440d;border:1px dashed #ef44444d;border-radius:2px}.preview-sig-text{color:#1e293b;font-size:12px}.preview-sig-img{max-height:100%;max-width:100%;object-fit:contain}.preview-unsigned-label{color:#ef4444;font-size:8px;font-style:italic}.preview-send-confirm{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;padding:1.5rem}.preview-send-confirm h3{color:#111;color:var(--text-primary,#111);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.send-confirm-field{margin-bottom:1rem}.send-confirm-field label{color:#666;color:var(--text-secondary,#666);display:block;font-size:.8rem;font-weight:500;margin-bottom:.3rem}.send-confirm-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.template-send-sending{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px;text-align:center}.template-send-sending h2{color:#111;color:var(--text-primary,#111);font-size:1.5rem;font-weight:700;margin:0}.template-send-sending p{color:#666;color:var(--text-secondary,#666);margin:0}.send-result-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:64px;justify-content:center;width:64px}.send-error-msg{color:#ef4444}.send-result-actions{display:flex;gap:.75rem;margin-top:1rem}.template-send-flow .spinner{animation:spin 1s linear infinite;color:var(--color-primary);font-size:2rem}@keyframes spin{to{transform:rotate(1turn)}}.exit-confirm-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.exit-confirm-dialog{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003;max-width:380px;padding:28px 32px;width:90%}.exit-confirm-dialog h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.exit-confirm-dialog p{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0 0 24px}.exit-confirm-actions{display:flex;gap:10px;justify-content:flex-end}@media (max-width:768px){.template-send-header{padding:.75rem 1rem}.template-send-header-center{position:static;transform:none}.template-send-content{padding:1rem}.preview-pages-container .preview-page{height:auto!important;width:100%!important}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;transition:background-color var(--transition-slow),color var(--transition-slow)}.App{display:flex;flex-direction:column;height:100vh}.app-layout{display:flex;min-height:100vh}.sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;padding:24px 0;position:fixed;transition:background-color var(--transition-slow),border-color var(--transition-slow);width:240px;z-index:999}.sidebar-logo{margin-bottom:32px;padding:0 24px}.logo-text{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:8px;letter-spacing:-.5px;margin:0}.logo-icon{height:26px;width:26px}.logo-text .accent{color:var(--color-primary)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column}.sidebar-item{align-items:center;background:none;border:none;border-left:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:12px;padding:12px 24px;text-align:left;transition:all var(--transition-fast);width:100%}.sidebar-item.active,.sidebar-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{border-left-color:var(--color-primary);font-weight:500}.sidebar-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;font-size:18px;height:18px;justify-content:center;opacity:.8;width:18px}.sidebar-item.active .sidebar-icon,.sidebar-item:hover .sidebar-icon{opacity:1}.sidebar-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.theme-toggle{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:12px;margin-top:auto;padding:12px 24px;transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary)}.theme-toggle-icon{font-size:18px;height:18px;width:18px}.toggle-switch{background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;height:24px;margin-left:auto;position:relative;transition:background-color var(--transition-slow);width:44px}.toggle-switch:after{background:var(--bg-card);border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:18px;left:2px;position:absolute;top:2px;transition:transform var(--transition-slow);width:18px}.dark-mode .toggle-switch{background:var(--color-primary)}.dark-mode .toggle-switch:after{transform:translateX(20px)}.user-profile{border-top:1px solid var(--border-color);gap:10px;padding:16px 24px}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:500;height:32px;justify-content:center;width:32px}.user-profile .user-info{flex:1 1;min-width:0}.user-profile .user-name{color:var(--text-primary);font-size:13px;font-weight:500}.user-profile .user-email,.user-profile .user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile .user-email{color:var(--text-secondary);font-size:11px}.logout-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all var(--transition-fast)}.logout-btn:hover{background:#ff3b301a;color:var(--color-danger)}.main-content{background-color:var(--bg-primary);flex:1 1;margin-left:240px;min-height:100vh;overflow:auto;transition:background-color var(--transition-slow)}.loading{color:var(--text-secondary);font-size:16px;justify-content:center;padding:40px}.loading,.page-header{align-items:center;display:flex}.page-header{justify-content:space-between;margin-bottom:30px}.page-header h1{color:var(--text-primary);font-size:28px;font-weight:600}.page-subtitle{color:var(--text-secondary);font-size:16px;margin-top:5px}.btn-primary{align-items:center;background-color:var(--color-primary);border:1px solid #0000;border-radius:var(--radius-md);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:42px;padding:10px 20px;transition:all var(--transition-normal)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #0071e34d;transform:translateY(-1px)}.btn-primary:disabled{background-color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:42px;padding:10px 20px;transition:all var(--transition-normal)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.btn-icon{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .2s}.btn-icon.edit{color:var(--color-primary)}.btn-icon.edit:hover{background-color:var(--color-primary-light);color:var(--color-primary-hover)}.btn-icon.delete,.btn-icon.delete:hover{color:var(--color-danger)}.btn-icon.delete:hover{background-color:#ff3b301a}.btn-icon.view,.btn-icon.view:hover{color:var(--color-success)}.btn-icon.view:hover{background-color:#34c7591a}.btn-icon.download{color:var(--color-primary)}.btn-icon.download:hover{background-color:var(--color-primary-light);color:var(--color-primary-hover)}.form-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.form-container{background-color:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;padding:30px;width:100%}.form-container h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{color:var(--text-muted);margin-bottom:20px;opacity:.5}.empty-state p{font-size:16px;max-width:300px}.access-denied{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.access-denied svg{color:var(--text-muted);margin-bottom:20px;opacity:.5}.access-denied h2{color:var(--text-primary);margin-bottom:10px}.search-bar{margin-bottom:20px}.search-input{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;max-width:400px;padding:10px 12px;width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.filter-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-md);margin-bottom:20px;padding:20px}.mobile-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:none;gap:12px;height:56px;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1000}.mobile-menu-btn{background:none;border:none;cursor:pointer;font-size:20px;justify-content:center;padding:8px}.mobile-logo,.mobile-menu-btn{align-items:center;color:var(--text-primary);display:flex}.mobile-logo{font-size:18px;font-weight:600;gap:6px;margin:0}.mobile-logo .accent{color:var(--color-primary)}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:998}@media (max-width:768px){.mobile-header{display:flex}.sidebar-overlay{display:block;top:56px}.sidebar{height:calc(100vh - 56px);left:-240px;position:fixed;top:56px;transition:left .3s ease;z-index:999}.sidebar.open{left:0}.sidebar-logo{display:none}.main-content{margin-left:0;margin-top:56px;min-height:calc(100vh - 56px)}.form-container{margin:10px;padding:20px}.form-grid{gap:15px;grid-template-columns:1fr}.form-actions{flex-direction:column;gap:10px}.page-header{align-items:stretch;flex-direction:column;gap:15px}}@media (max-width:480px){.page-header h1{font-size:24px}.form-container{padding:15px}}