*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4f46e5;--primary-dark: #3730a3;--accent-color: #0d9488;--accent-dark: #0f766e;--light-bg: #f5f5ff;--surface: #ffffff;--dark-text: #1e1b4b;--medium-text: #6b7280;--light-text: #fff;--error-color: #dc2626;--success-color: #059669;--warning-color: #d97706;--border-color: #e5e7eb;--card-shadow: 0 4px 12px rgba(79, 70, 229, .08);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 24px;--text-xxl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--dark-text);background-color:var(--light-bg);background-image:radial-gradient(ellipse at 0% 0%,rgba(79,70,229,.07) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(13,148,136,.06) 0%,transparent 50%);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.walkthrough-open{overflow:hidden}header{background:linear-gradient(135deg,var(--primary-color) 0%,#6366f1 100%);color:var(--light-text);padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 2px 8px #4f46e540;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}header h1{font-size:var(--text-xl);font-weight:700;margin:0;letter-spacing:-.3px}.brand-icon{margin-right:6px;font-style:normal}main{flex:1;padding:var(--spacing-lg);max-width:1200px;margin:0 auto;width:100%}footer{background:linear-gradient(135deg,#1e1b4b,#1e2a3b);color:#ffffffa6;text-align:center;padding:var(--spacing-md) var(--spacing-lg);margin-top:auto;font-size:var(--text-sm);border-top:1px solid rgba(79,70,229,.2)}nav{display:flex;gap:var(--spacing-md);align-items:center}nav a,nav button{text-decoration:none;color:var(--light-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:background-color .2s,transform .1s;cursor:pointer}nav a:hover,nav button:hover{background-color:#ffffff1a;transform:translateY(-1px)}nav a:active,nav button:active{transform:translateY(1px)}nav a.active{background-color:#fff3;font-weight:500}#user-nav{gap:var(--spacing-lg)}#user-greeting{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm)}button{background-color:var(--primary-color);color:var(--light-text);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:background-color .2s,transform .1s,box-shadow .2s;font-size:var(--text-sm);letter-spacing:.01em}button:hover{background-color:var(--primary-dark);box-shadow:0 4px 12px #4f46e54d}button:active{transform:translateY(1px)}button.secondary{background-color:transparent;color:var(--primary-color);border:1.5px solid var(--primary-color)}button.secondary:hover{background-color:#4f46e50f;box-shadow:none}button.danger{background-color:var(--error-color)}button.danger:hover{background-color:#b91c1c}.field-properties{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--card-shadow);display:grid;gap:var(--spacing-sm)}.field-properties h3{margin:0;font-size:var(--text-md)}.field-properties-row{display:grid;gap:var(--spacing-xs)}.field-properties-row input{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.field-properties-checkbox{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--medium-text)}.dashboard-controls{display:flex;flex-direction:column;gap:8px;margin:0 0 var(--spacing-md)}.dashboard-controls input[type=search]{width:100%;padding:10px var(--spacing-md);border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:#fff;font-size:var(--text-sm)}.dashboard-controls-selects{display:flex;gap:8px;flex-wrap:wrap}.dashboard-controls select{flex:1;min-width:120px;padding:8px 32px 8px var(--spacing-md);border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:#fff;color:var(--dark-text);font-size:var(--text-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23667' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.dashboard-controls select:focus,.dashboard-controls input[type=search]:focus{outline:none!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #4f46e52e!important}#user-greeting .role-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.8em;margin-left:8px;font-weight:700}.role-badge.admin{background:#ebf8ff;color:#2c5282;border:1px solid #90cdf4}.role-badge.user{background:#f0fff4;color:#276749;border:1px solid #9ae6b4}.role-badge.viewer{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}section{background:#fff;border-radius:var(--radius-md);box-shadow:var(--card-shadow);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}section h2{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--dark-text);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm);padding-left:12px;border-left:3px solid var(--accent-color)}input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:14px 16px;margin-bottom:var(--spacing-md);border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-md);font-family:inherit;background:#fff;color:var(--dark-text);transition:border-color .2s,box-shadow .2s}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,textarea::placeholder{color:#a1a8b8}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #4f46e52e!important}#login-form,#register-form{max-width:440px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg)}#login-form h3,#register-form h3{margin-bottom:6px;text-align:center;font-size:1.35rem;font-weight:700;color:var(--dark-text)}.auth-hero{text-align:center;margin-bottom:8px;padding-bottom:8px;border-bottom:none}.auth-hero-icon{font-size:2.2rem;display:block;margin-bottom:6px}.auth-hero-tagline{font-size:var(--text-sm);color:var(--medium-text);margin:0}#login-form input[type=email],#login-form input[type=password],#login-form input[type=text],#register-form input[type=email],#register-form input[type=password],#register-form input[type=text]{border-color:#b8c4d0;background:#f9fafb}#login-form input:focus,#register-form input:focus{background:#fff;border-color:var(--primary-color)!important}#submit-login-btn,#submit-register-btn{width:100%;padding:14px;font-size:var(--text-md);font-weight:700;border-radius:var(--radius-md);margin-top:4px;letter-spacing:.02em}#submit-login-btn{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark))}#submit-login-btn:hover{background:linear-gradient(135deg,var(--accent-dark),#0c6159)}#submit-register-btn{background:linear-gradient(135deg,var(--accent-color),var(--accent-dark))}#submit-register-btn:hover{background:linear-gradient(135deg,var(--accent-dark),#0c6159)}#dashboard-view{display:flex;flex-direction:column;gap:var(--spacing-lg)}#upload-doc-btn{align-self:flex-start;margin-bottom:var(--spacing-md);padding:12px var(--spacing-xl);font-size:var(--text-md);font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));border-radius:12px;box-shadow:0 4px 14px #0d94884d}#upload-doc-btn:hover{background:linear-gradient(135deg,var(--accent-dark),#0c6159);box-shadow:0 6px 18px #0d948866}#upload-doc-btn:before{content:"+";font-size:1.3em;font-weight:400}#load-example-doc-btn{align-self:flex-start;margin-bottom:var(--spacing-md);padding:12px var(--spacing-xl);font-size:var(--text-md);font-weight:700;border-radius:12px;color:var(--accent-color);border-color:var(--accent-color);display:inline-flex;align-items:center}#load-example-doc-btn:hover{background-color:#0d948814;border-color:var(--accent-dark);color:var(--accent-dark);box-shadow:none}#document-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.document-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:#fff;transition:box-shadow .2s,transform .15s}.document-item:hover{box-shadow:0 6px 20px #4f46e51a;transform:translateY(-2px)}.document-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.document-name{font-weight:600;font-size:var(--text-md);color:var(--dark-text)}.document-date{font-size:var(--text-sm);color:var(--medium-text)}.document-status{font-size:var(--text-xs);padding:3px 10px;border-radius:999px;font-weight:700;letter-spacing:.02em;border:1px solid transparent;max-width:fit-content}.document-status.draft{background-color:#eef4ff;border-color:#c7d8ff;color:#1c4f9a}.document-status.completed{background-color:#e8f8ef;border-color:#bbebcb;color:#15663a}.document-status.waiting{background-color:#fff8e6;border-color:#ffe0aa;color:#9f5a00}.document-status.prepared{background-color:#ecf5ff;border-color:#c2dbff;color:#0f559f}.document-actions{display:flex;gap:var(--spacing-sm)}.delete-document{background-color:transparent;color:var(--error-color);border:1px solid var(--error-color)}.delete-document:hover{background-color:#d930250a}.edit-document{background-color:var(--primary-color)}.sign-document{background-color:var(--success-color)}.sign-document:hover{background-color:#0b8043}.empty-state{text-align:center;padding:var(--spacing-xxl) var(--spacing-xl);color:var(--medium-text);border:2px dashed rgba(13,148,136,.35);border-radius:var(--radius-lg);background:linear-gradient(140deg,rgba(79,70,229,.04),rgba(13,148,136,.03))}.empty-state:before{content:"📄";font-size:3rem;display:block;margin-bottom:var(--spacing-md);opacity:.7}.empty-state p{font-size:var(--text-md);margin-bottom:var(--spacing-md)}#document-view{display:flex;flex-direction:column;gap:var(--spacing-lg)}#document-controls{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#fff;border-radius:var(--radius-sm);box-shadow:var(--card-shadow)}.page-number{margin:0 var(--spacing-md);color:var(--medium-text)}#viewer-container{flex:1;min-height:70vh;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:#fff;position:relative;overflow:auto}.page-container{padding:var(--spacing-md);display:flex;justify-content:center}.page-container canvas{box-shadow:0 0 8px #0000001a}#field-palette{position:fixed;top:30%;right:var(--spacing-lg);background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--card-shadow);padding:var(--spacing-md);width:200px}.document-field.field-selected{border:2px solid var(--primary-color)!important;box-shadow:0 0 5px #4f46e580;z-index:10}#field-palette h3{margin-bottom:var(--spacing-md);font-size:var(--text-md);font-weight:500;color:var(--dark-text);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.field-item{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:#f8f9fa;cursor:grab;transition:background-color .2s}.field-item:hover{background-color:#e8f0fe}.field-item:active{cursor:grabbing}.system-message{position:fixed;top:72px;right:var(--spacing-lg);padding:14px var(--spacing-lg) 14px 18px;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;max-width:420px;font-weight:500;animation:slide-in .3s ease-out;border-left:4px solid rgba(255,255,255,.5)}#errorMessage.system-message,#successMessage.system-message{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;box-shadow:none!important;animation:none!important}.system-message.error{background:linear-gradient(135deg,var(--error-color),#b91c1c);color:var(--light-text)}.system-message.success{background:linear-gradient(135deg,var(--success-color),#047857);color:var(--light-text)}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}#signing-view{max-width:600px;margin:0 auto}.signature-mode-toggle{display:flex;gap:2px;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-md);border:1px solid var(--primary-color)}.signature-mode-toggle button{flex:1;padding:var(--spacing-sm);background:transparent;color:var(--primary-color);border-radius:0}.signature-mode-toggle button.active{background:var(--primary-color);color:#fff}.signature-pad-container{border:1px solid var(--border-color);border-radius:var(--radius-sm);margin:var(--spacing-md) 0;background:white}#signature-canvas{width:100%;height:200px;cursor:crosshair}#typed-signature-input{margin-top:var(--spacing-md)}.signature-preview{height:100px;border:1px solid var(--border-color);border-radius:var(--radius-sm);margin:var(--spacing-sm) 0;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--dark-text);padding:var(--spacing-md);background:white}.font-style-selector{margin:var(--spacing-md) 0}.signature-controls{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}#signer-controls{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--border-color)}.alert{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);color:#fff;font-weight:500;box-shadow:0 4px 12px #00000026;opacity:0;transition:transform .3s,opacity .3s;z-index:1000;max-width:80%}.alert.show{transform:translate(-50%) translateY(0);opacity:1}.alert-error{background-color:var(--error-color)}.alert-success{background-color:var(--success-color)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-overlay .spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 2s linear infinite}.loading-overlay .loading-text{margin-top:20px;font-size:18px;color:#333}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){header{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-sm)}nav{width:100%;justify-content:center}main{padding:var(--spacing-md)}section{padding:var(--spacing-md)}.document-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.document-actions{width:100%;justify-content:flex-end}#document-controls{flex-wrap:wrap;justify-content:center}#field-palette{position:static;width:100%;margin-bottom:var(--spacing-lg)}}#admin-panel-view{max-width:100%;padding:20px}.admin-panel-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.admin-section{background-color:#f5f5f5;border-radius:8px;padding:15px;box-shadow:0 2px 5px #0000001a}.admin-section h3{color:#2c3e50;margin-top:0;padding-bottom:10px;border-bottom:1px solid #ddd}.admin-control-group{margin-bottom:15px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.admin-control-group label{min-width:100px;font-weight:500}.admin-control-group select,.admin-control-group input{flex-grow:1;padding:8px;border:1px solid #ddd;border-radius:4px}.admin-control-group button{padding:8px 16px;border:none;border-radius:4px;background-color:#3498db;color:#fff;cursor:pointer;transition:background-color .2s}.admin-control-group button:hover{background-color:#2980b9}.admin-control-group button:disabled{background-color:#95a5a6;cursor:not-allowed}.admin-help-text{font-size:.85em;color:#7f8c8d;margin-top:5px;margin-bottom:0}#admin-login-as-btn{background-color:#e67e22}#admin-login-as-btn:hover{background-color:#d35400}#return-to-admin-btn{background-color:#9b59b6;width:100%}#return-to-admin-btn:hover{background-color:#8e44ad}#admin-toggle-status-btn{background-color:#27ae60}#admin-toggle-status-btn:hover{background-color:#2ecc71}#admin-create-test-doc-btn{background-color:#16a085;width:100%}#admin-create-test-doc-btn:hover{background-color:#1abc9c}#admin-benchmark-btn{background-color:#c0392b}#admin-benchmark-btn:hover{background-color:#e74c3c}#admin-test-edit-btn{background-color:#2c3e50}#admin-test-edit-btn:hover{background-color:#34495e}#admin-test-sign-btn{background-color:#f39c12}#admin-test-sign-btn:hover{background-color:#f1c40f}a.admin-panel-link{color:#e74c3c!important;font-weight:700}a.admin-panel-link:hover{color:#c0392b!important;text-decoration:underline}.walkthrough-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;cursor:pointer}.walkthrough-overlay[hidden],.walkthrough-modal[hidden]{display:none!important}.walkthrough-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:1001;pointer-events:none}.walkthrough-card{width:100%;max-width:520px;background:#fff;border:none;border-radius:var(--radius-lg);box-shadow:0 24px 48px -12px #00000040,0 0 0 1px #0000000d;overflow:hidden;pointer-events:auto;animation:walkthrough-slide-up .3s ease-out}@keyframes walkthrough-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.walkthrough-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--light-text)}.walkthrough-header h2{font-size:var(--text-xl);font-weight:600;margin:0;color:inherit;border:none;padding:0}.walkthrough-close{background:rgba(255,255,255,.15);color:var(--light-text);border:0;padding:var(--spacing-xs);width:32px;height:32px;font-size:20px;line-height:1;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .15s;cursor:pointer}.walkthrough-close:hover{background:rgba(255,255,255,.25);transform:scale(1.1)}.walkthrough-step{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg)}.walkthrough-step p{margin:0 0 var(--spacing-md) 0;font-size:var(--text-md);line-height:1.7;color:var(--dark-text)}.walkthrough-step ul{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg)}.walkthrough-step ul li{margin-bottom:var(--spacing-sm);line-height:1.6;color:var(--dark-text)}.walkthrough-step .walkthrough-meta{color:var(--medium-text);font-size:var(--text-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.walkthrough-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--light-bg);border-top:1px solid var(--border-color);flex-wrap:wrap}.walkthrough-actions{display:flex;gap:var(--spacing-sm);align-items:center}.walkthrough-actions button{min-width:80px;padding:var(--spacing-sm) var(--spacing-lg)}.walkthrough-actions button:not(.secondary){background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.walkthrough-dismiss{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--medium-text);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.walkthrough-dismiss input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer}.walkthrough-inline-action{margin-top:var(--spacing-md);background:linear-gradient(135deg,var(--success-color) 0%,#0b8043 100%);border:none;color:var(--light-text);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:transform .15s,box-shadow .15s}.walkthrough-inline-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f9d584d}:root{--primary-color: #0f6ad8;--primary-dark: #0b4f9f;--accent-color: #16a085;--light-bg: #f4f7fb;--dark-text: #172339;--medium-text: #4f6079;--border-color: #d6deea;--card-shadow: 0 16px 34px rgba(15, 37, 72, .08);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px}body{font-family:Manrope,Segoe UI,sans-serif;color:var(--dark-text);background:radial-gradient(circle at 12% 0%,rgba(15,106,216,.16) 0,transparent 42%),radial-gradient(circle at 95% 16%,rgba(22,160,133,.11) 0,transparent 38%),var(--light-bg)}.app-header{background:linear-gradient(140deg,#083670 0%,#0f6ad8 60%,#178a88 100%);border-bottom:none;box-shadow:0 4px 20px #061b3b38;padding:10px 20px;gap:12px;flex-wrap:nowrap}.app-brand{display:flex;flex-direction:column;gap:1px;flex-shrink:0;min-width:0}.app-header h1{font-size:clamp(.95rem,1.4vw,1.25rem);font-weight:700;letter-spacing:.01em;white-space:nowrap}.app-subtitle{margin:0;font-size:.78rem;color:#ffffffbf;white-space:nowrap}#auth-nav,#user-nav{flex-wrap:nowrap;flex-shrink:1;min-width:0}#auth-nav a,#user-nav a,#auth-nav button,#user-nav button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);min-height:34px;font-weight:600;font-size:.85rem;padding:6px 12px;white-space:nowrap}#auth-nav a:hover,#user-nav a:hover,#auth-nav button:hover,#user-nav button:hover{background:rgba(255,255,255,.24)}#user-greeting{display:inline-block;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.16);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;vertical-align:middle}.desktop-only-link{display:inline-flex}.header-utils{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.app-main{max-width:1280px;padding:22px}.app-main:has(#auth-view:not([style*="display: none"])){display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 65px)}.app-panel,#auth-view{border:1px solid rgba(218,227,241,.95);border-radius:20px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--card-shadow)}#auth-view{max-width:520px;width:100%;margin:auto}.app-panel h2,#auth-view h2{border-bottom-color:#dce4ef;font-size:clamp(1.2rem,1.8vw,1.42rem);font-weight:700;padding-left:12px;border-left:3px solid var(--accent-color)}#dashboard-view{gap:18px}.dashboard-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:4px}.dashboard-actions button{min-height:42px}#document-controls{border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;flex-wrap:wrap;gap:10px}.controls-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.controls-pages .page-number{margin:0;padding:0 6px}#viewer-container{border-radius:14px;border-color:#cfdbeb;background:linear-gradient(180deg,rgba(15,106,216,.03),transparent 24%),#fff}.page-container{min-height:64vh}#field-palette{top:108px;right:16px;width:min(260px,calc(100vw - 32px));border-radius:12px;border:1px solid #cfd9e8;background:rgba(255,255,255,.96)}.palette-help{display:none;margin:0 0 10px;font-size:.82rem;color:var(--medium-text);line-height:1.45}.armed-field-indicator{display:block;margin-top:6px;font-weight:700;color:#0b4f9f}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.field-item{margin:0;min-height:40px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:600;font-size:.86rem}.field-item.is-armed{border-color:var(--primary-color);box-shadow:0 0 0 3px #0f6ad82e;background:rgba(15,106,216,.1)}.field-item:focus-visible{outline:3px solid rgba(15,106,216,.32);outline-offset:1px}.field-placement-cancel{display:none;width:100%;margin:0 0 10px}#field-palette.is-touch .palette-help{display:block}#field-palette.is-touch.placement-armed .field-placement-cancel{display:inline-flex;justify-content:center}#viewer-container.tap-placement-active{box-shadow:inset 0 0 0 2px #0f6ad847}.document-field.field-placement-confirm{animation:field-placement-pop .6s ease-out}@keyframes field-placement-pop{0%{transform:scale(.95);box-shadow:0 0 #0f6ad859}45%{transform:scale(1.02);box-shadow:0 0 0 8px #0f6ad81f}to{transform:scale(1);box-shadow:0 0 #0f6ad800}}.mobile-nav{display:none}@media (max-width: 960px){.app-header{gap:10px;padding:12px 14px}.app-subtitle{font-size:.79rem;line-height:1.3}#auth-nav,#user-nav{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}#auth-nav::-webkit-scrollbar,#user-nav::-webkit-scrollbar{display:none}#auth-nav a,#user-nav a,#auth-nav button,#user-nav button{flex:0 0 auto;min-height:36px;padding:6px 12px;font-size:.86rem}.desktop-only-link{display:none}.app-main{padding:14px;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.app-panel,#auth-view{border-radius:14px;padding:14px}.dashboard-controls{display:grid;grid-template-columns:1fr;gap:10px}.dashboard-actions{display:grid;grid-template-columns:1fr;margin-bottom:8px}#upload-doc-btn:before{content:none}.document-item{gap:12px}.document-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#document-controls{gap:8px;padding:10px}.controls-group{width:100%;justify-content:center}#viewer-container{min-height:56vh}#field-palette{position:static;width:100%;margin-top:10px}.field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#signer-controls{flex-wrap:wrap;justify-content:stretch}#signer-controls button{flex:1 1 42%;min-height:42px}.system-message{left:12px;right:12px;top:auto;bottom:calc(86px + env(safe-area-inset-bottom));max-width:none}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:1100;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(8,28,56,.94);border-top:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mobile-nav-btn{min-height:42px;font-size:.76rem;letter-spacing:.01em;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.1);color:#fff}.mobile-nav-btn:hover{background:rgba(255,255,255,.16)}.mobile-nav-btn.is-active{background:#fff;color:#0b3f83;border-color:#fff}.mobile-nav-btn:disabled{opacity:.45}.armed-field-indicator{font-size:.78rem}}@media (max-width: 640px){.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-actions{grid-template-columns:1fr}.walkthrough-card{border-radius:16px}.walkthrough-header,.walkthrough-step,.walkthrough-footer{padding-left:14px;padding-right:14px}}html{scroll-behavior:smooth}a,button{touch-action:manipulation}button:disabled,button[data-busy=true]{cursor:not-allowed;opacity:.72}.app-header,.app-main,.app-panel,#auth-view{transition:all .2s ease}.document-item{position:relative;overflow:hidden;border-radius:14px;border-color:#d4d8f5}.document-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--primary-color),var(--accent-color));opacity:.85}.document-item:hover{transform:translateY(-2px)}.document-name{overflow-wrap:anywhere}.document-actions button{min-height:40px;border-radius:10px;font-weight:600}.system-message{animation:slide-in .25s ease-out}@media (max-width: 768px){.app-header{flex-direction:row;flex-wrap:nowrap;padding:8px 14px;gap:8px}.app-subtitle{display:none}#auth-nav,#user-nav{flex-wrap:nowrap;gap:4px;width:auto;overflow:visible}#auth-nav a,#user-nav a,#auth-nav button,#user-nav button{padding:5px 8px;font-size:.78rem}#user-greeting{display:none}.header-utils{margin-left:8px;gap:6px;border-left:1px solid rgba(255,255,255,.2);padding-left:8px}#auth-nav .walkthrough-btn{display:none}.app-main:has(#auth-view:not([style*="display: none"])){min-height:calc(100dvh - 120px);padding-top:0;padding-bottom:0}}body[data-public-signing=true] .app-header{padding:10px 16px}body[data-public-signing=true] .app-subtitle{display:none}body[data-public-signing=true] .app-main{max-width:980px;padding-top:12px}@media (max-width: 960px){.app-main{padding-bottom:calc(98px + env(safe-area-inset-bottom))}#document-controls{position:sticky;top:calc(8px + env(safe-area-inset-top));z-index:24;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.controls-group{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.controls-group::-webkit-scrollbar{display:none}.controls-group button,.controls-group .page-number{flex:0 0 auto}.system-message{bottom:calc(96px + env(safe-area-inset-bottom))}.mobile-nav-btn{min-height:44px;font-size:.78rem}}@media (max-width: 640px){#login-form,#register-form,.document-item{padding:12px}}[data-theme=dark]{--primary-color: #818cf8;--primary-dark: #6366f1;--accent-color: #2dd4bf;--light-bg: #0f1117;--dark-text: #e2e8f0;--medium-text: #94a3b8;--light-text: #f8fafc;--error-color: #f87171;--success-color: #34d399;--warning-color: #fbbf24;--border-color: #2d3748;--card-shadow: 0 8px 24px rgba(0, 0, 0, .4)}[data-theme=dark] body{background:radial-gradient(circle at 12% 0%,rgba(77,158,245,.08) 0,transparent 42%),radial-gradient(circle at 95% 16%,rgba(46,201,168,.06) 0,transparent 38%),var(--light-bg);color:var(--dark-text)}[data-theme=dark] .app-header{background:linear-gradient(140deg,#040e1e 0%,#0a2d5a 60%,#0a4040 100%);box-shadow:0 10px 28px #0009}[data-theme=dark] .document-item,[data-theme=dark] .card,[data-theme=dark] #login-form,[data-theme=dark] #register-form{background:#1a2235;border-color:var(--border-color)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#1e2a3b;color:var(--dark-text);border-color:var(--border-color)}[data-theme=dark] .dashboard-controls select{background-color:#1e2a3b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23aab' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E")}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--medium-text)}[data-theme=dark] footer{background-color:#050a12}[data-theme=dark] #document-controls{background:rgba(15,17,23,.96);border-color:var(--border-color)}[data-theme=dark] .btn-secondary,[data-theme=dark] button.secondary{background:#1e2a3b;color:var(--dark-text);border-color:var(--border-color)}[data-theme=dark] .modal,[data-theme=dark] [role=dialog]{background:#131926;border-color:var(--border-color)}[data-theme=dark] .walkthrough-modal{background:#131926}[data-theme=dark] .walkthrough-card{background:#1a2235;border:1px solid var(--border-color)}[data-theme=dark] .walkthrough-step p,[data-theme=dark] .walkthrough-step ul li{color:var(--dark-text)}[data-theme=dark] .walkthrough-step .walkthrough-meta{color:var(--medium-text);border-top-color:var(--border-color)}[data-theme=dark] .walkthrough-footer{background-color:#141c2b;border-top-color:var(--border-color)}[data-theme=dark] .walkthrough-dismiss{color:var(--medium-text)}.theme-toggle-btn{background:transparent;border:none;cursor:pointer;font-size:1.25rem;padding:4px 8px;border-radius:var(--radius-sm);line-height:1;transition:transform .2s,opacity .2s;margin-left:var(--spacing-sm);flex-shrink:0}.theme-toggle-btn:hover{transform:scale(1.15);opacity:.85}.document-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.document-date{font-size:var(--text-xs);color:var(--medium-text)}.doc-badge{font-size:11px;padding:1px 6px;border-radius:10px;background:rgba(79,70,229,.12);color:var(--primary-color);font-weight:600}.doc-next-action{font-size:11px;color:var(--medium-text);font-style:italic}.doc-next-action--done{color:var(--success-color);font-style:normal;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:500;padding:var(--spacing-md)}.modal-overlay[hidden]{display:none}.modal-box{background:#fff;border-radius:var(--radius-md);box-shadow:0 24px 64px #0000004d;max-width:680px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--spacing-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.modal-header h2{font-size:var(--text-lg);font-weight:700;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0 6px;color:var(--medium-text);line-height:1}.modal-close:hover{color:var(--dark-text)}.modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}.certificate-content{border:2px solid var(--primary-color);border-radius:var(--radius-md);padding:var(--spacing-lg);background:#fafcff}.certificate-content h3{text-align:center;font-size:var(--text-md);color:var(--primary-color);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.cert-field{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border-color);font-size:var(--text-sm);gap:var(--spacing-md)}.cert-field:last-child{border-bottom:none}.cert-field-label{color:var(--medium-text);font-weight:600;flex-shrink:0}.cert-field-value{text-align:right;word-break:break-all}.cert-signers{margin-top:var(--spacing-md)}.cert-signer-row{background:rgba(79,70,229,.05);border-radius:var(--radius-sm);padding:8px 12px;margin-bottom:6px;font-size:var(--text-sm)}.cert-signer-email{font-weight:600}.cert-signer-meta{color:var(--medium-text);font-size:12px;margin-top:2px}[data-theme=dark] .modal-box,[data-theme=dark] .certificate-content{background:#1a2235;color:var(--dark-text)}[data-theme=dark] .certificate-content{background:#131926}@media print{.modal-actions{display:none}.modal-overlay{position:static;background:none;padding:0}.modal-box{box-shadow:none;max-height:none}}.forgot-password-link{margin-top:8px;text-align:right;font-size:var(--text-sm)}.forgot-password-link a{color:var(--accent-color);text-decoration:none;font-weight:500}.forgot-password-link a:hover{color:var(--accent-dark);text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bulk-actions-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-color, #f8f9fa);border:1px solid var(--border-color, #ddd);border-radius:6px;margin-top:8px}.bulk-actions-bar[hidden]{display:none!important}.bulk-select-all-label{display:flex;align-items:center;gap:6px;font-size:var(--text-sm, .875rem);cursor:pointer}.doc-select-checkbox{display:flex;align-items:center;padding:0 8px;cursor:pointer}.doc-select-input{width:16px;height:16px;cursor:pointer}.document-item{display:flex;align-items:center;gap:4px}.doc-badge--expired{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5;padding:1px 6px;border-radius:4px;font-size:.75rem}.doc-badge--expiring{background:#fef3c7;color:#b45309;border:1px solid #fcd34d;padding:1px 6px;border-radius:4px;font-size:.75rem}.doc-badge--due{background:#e0f2fe;color:#0369a1;border:1px solid #7dd3fc;padding:1px 6px;border-radius:4px;font-size:.75rem}.send-controls-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.send-controls-label{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #666);white-space:nowrap}.doc-due-date-input{padding:4px 8px;border:1px solid var(--border-color, #ccc);border-radius:4px;font-size:var(--text-sm, .875rem);background:var(--surface-color, #fff);color:var(--text-color, #333)}#toast-container{position:fixed;top:72px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;box-shadow:0 4px 16px #00000026;font-size:var(--text-sm, .875rem);line-height:1.4;pointer-events:all;opacity:0;transform:translate(20px);transition:opacity var(--toast-anim, .3s) ease,transform var(--toast-anim, .3s) ease;background:var(--surface-color, #fff);color:var(--text-color, #222);border-left:4px solid transparent}.toast--visible{opacity:1;transform:translate(0)}.toast--exiting{opacity:0;transform:translate(20px)}.toast--success{border-left-color:#16a34a}.toast--error{border-left-color:#dc2626}.toast--warning{border-left-color:#d97706}.toast--info{border-left-color:#2563eb}.toast__icon{font-size:1rem;line-height:1.4;flex-shrink:0}.toast--success .toast__icon{color:#16a34a}.toast--error .toast__icon{color:#dc2626}.toast--warning .toast__icon{color:#d97706}.toast--info .toast__icon{color:#2563eb}.toast__message{flex:1}.toast__close{background:none;border:none;padding:0 2px;cursor:pointer;color:var(--text-secondary, #888);font-size:.8rem;line-height:1;flex-shrink:0;align-self:flex-start;margin-top:2px}.toast__close:hover{color:var(--text-color, #222)}[data-theme=dark] .toast{background:#1e2736;color:#e2e8f0;box-shadow:0 4px 16px #0006}@media (max-width: 768px){#toast-container{top:auto;bottom:calc(80px + env(safe-area-inset-bottom));right:12px;left:12px;max-width:none;align-items:stretch}.toast{animation:none}}.doc-thumbnail{flex-shrink:0;width:80px;height:110px;background:var(--border-color, #e0e0e0);border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.doc-thumbnail-canvas{display:block;max-width:100%;max-height:100%}.doc-thumbnail-canvas:not([data-rendered=true]){background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;animation:thumb-shimmer 1.5s infinite}@keyframes thumb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .doc-thumbnail{background:#2d3748}[data-theme=dark] .doc-thumbnail-canvas:not([data-rendered=true]){background:linear-gradient(90deg,#2d3748 25%,#3d4a5c 50%,#2d3748 75%);background-size:200% 100%;animation:thumb-shimmer 1.5s infinite}.recipients-panel{margin:12px 0;border:1px solid var(--border-color, #ddd);border-radius:6px;overflow:hidden}.recipients-panel__summary{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;font-weight:600;font-size:var(--text-sm, .875rem);background:var(--surface-color, #f8f9fa);list-style:none;-webkit-user-select:none;user-select:none}.recipients-panel__summary::-webkit-details-marker{display:none}.recipients-panel__summary:before{content:"▶";font-size:.7em;transition:transform .2s}details[open] .recipients-panel__summary:before{transform:rotate(90deg)}.recipients-panel__count{color:var(--text-secondary, #777);font-weight:400}.recipients-panel__list{padding:8px 14px 12px}.recipient-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border-color, #eee);font-size:var(--text-sm, .875rem);flex-wrap:wrap}.recipient-row:last-child{border-bottom:none}.recipient-email{flex:1;min-width:120px}.recipient-badge{padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600;white-space:nowrap}.recipient-badge--signed{background:#dcfce7;color:#15803d}.recipient-badge--pending{background:#fef9c3;color:#854d0e}.recipient-signed-at{color:var(--text-secondary, #888);font-size:.75rem;white-space:nowrap}.shortcuts-modal-box{max-width:480px}.shortcuts-content{display:flex;flex-direction:column;gap:16px;padding:4px 0}.shortcuts-group h3{font-size:var(--text-sm, .875rem);font-weight:700;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.shortcuts-list{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0;font-size:var(--text-sm, .875rem)}.shortcuts-list dt{display:flex;gap:4px;align-items:center;white-space:nowrap;font-weight:400}.shortcuts-list dd{margin:0;color:var(--text-color, #333)}kbd{display:inline-block;padding:1px 5px;border:1px solid var(--border-color, #bbb);border-radius:3px;background:var(--surface-color, #f5f5f5);font-family:monospace;font-size:.8em;line-height:1.5;box-shadow:0 1px 0 var(--border-color, #bbb)}[data-theme=dark] kbd{background:#2d3748;border-color:#4a5568;box-shadow:0 1px #4a5568}.auto-save-status{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #777);transition:color .2s}.auto-save-status[data-state=saving]{color:var(--primary-color, #0f6ad8)}.auto-save-status[data-state=saved]{color:#16a34a}.auto-save-status[data-state=error]{color:#dc2626}.auto-save-status[data-state=pending]{color:#d97706}.dashboard-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0 4px;font-size:var(--text-sm, .875rem)}.pagination-btn{padding:5px 14px;border:1px solid var(--border-color, #ccc);border-radius:4px;background:var(--surface-color, #fff);color:var(--text-color, #333);cursor:pointer;font-size:inherit}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn:not(:disabled):hover{background:var(--primary-color, #0f6ad8);color:#fff;border-color:var(--primary-color, #0f6ad8)}.pagination-info{color:var(--text-secondary, #666);white-space:nowrap}.pagination-total{opacity:.7}.field-item__icon{font-size:1.1em;margin-right:4px;flex-shrink:0}.dashboard-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:8px 12px;background:var(--bg-secondary, #f8f8f8);border-radius:8px;font-size:.88rem;color:var(--text-secondary, #555)}[data-theme=dark] .dashboard-stats{background:#2a2a2a}.dashboard-stat strong{font-size:1.05em;font-weight:700;color:var(--text-primary, #222)}[data-theme=dark] .dashboard-stat strong{color:#e8e8e8}.dashboard-stat--waiting strong{color:#d97706}.dashboard-stat--completed strong{color:#16a34a}.dashboard-stat--draft strong{color:#6b7280}.duplicate-doc-btn{background:var(--bg-secondary, #f0f0f0);color:var(--text-primary, #333);border:1px solid var(--border, #ccc);border-radius:4px;padding:4px 10px;cursor:pointer;font-size:.85rem}.duplicate-doc-btn:hover{background:var(--bg-hover, #e0e0e0)}.connection-status{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:8px;flex-shrink:0;align-self:center;transition:background .3s;cursor:default}.connection-status[data-state=connected]{background:#22c55e}.connection-status[data-state=checking]{background:#f59e0b;animation:conn-pulse 1.2s infinite}.connection-status[data-state=offline]{background:#ef4444}.connection-status[data-state=local]{background:#94a3b8}@keyframes conn-pulse{0%,to{opacity:1}50%{opacity:.4}}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input[type=password],.password-wrapper input[type=text]{flex:1;padding-right:40px}.toggle-password-btn{position:absolute;right:8px;background:none;border:none;padding:4px 6px;cursor:pointer;font-size:16px;line-height:1;color:var(--medium-text);opacity:.7;transition:opacity .15s}.toggle-password-btn:hover{opacity:1;background:none;box-shadow:none}.toggle-password-btn[aria-pressed=true]{opacity:1}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--border-color) 25%,var(--light-bg) 50%,var(--border-color) 75%);background-size:800px 100%;animation:skeleton-shimmer 1.4s infinite linear;border-radius:var(--radius-sm)}.doc-card-skeleton{background:var(--card-bg, #fff);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px var(--spacing-md);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);box-shadow:var(--card-shadow)}.doc-card-skeleton .skel-thumb{height:40px;width:40px;min-width:40px;border-radius:var(--radius-sm)}.doc-card-skeleton .skel-body{display:flex;flex-direction:column;gap:6px;flex:1}.doc-card-skeleton .skel-title{height:14px;width:55%}.doc-card-skeleton .skel-meta{height:11px;width:35%}.doc-card-skeleton .skel-status{height:18px;width:80px;border-radius:10px;margin-left:auto;flex-shrink:0}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1e2a3b 25%,#2d3748 50%,#1e2a3b 75%);background-size:800px 100%}[data-theme=dark] .doc-card-skeleton{background:#1a2235;border-color:var(--border-color)}.field-prop-extras{display:contents}.field-prop-extras[hidden]{display:none}.field-properties textarea{width:100%;resize:vertical;min-height:60px;font-size:var(--text-sm)}.audit-trail-content{padding:var(--spacing-sm) 0}.audit-trail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.audit-trail-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-sm)}.audit-trail-item:hover{background:var(--light-bg)}.audit-trail-icon{font-size:16px;text-align:center}.audit-trail-body{display:flex;flex-direction:column;min-width:0}.audit-trail-label{font-weight:500}.audit-trail-actor{color:var(--medium-text);font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-trail-time{color:var(--medium-text);font-size:var(--text-xs);white-space:nowrap}.audit-trail-empty{color:var(--medium-text);font-size:var(--text-sm);padding:var(--spacing-sm)}.btn-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:var(--text-sm);padding:2px 6px;text-decoration:underline;margin-left:auto}.btn-link:hover{opacity:.8;box-shadow:none}.template-controls-group{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.template-controls-group select{min-width:150px;max-width:220px}.sig-reuse-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:8px;font-size:.875rem;color:var(--text-secondary)}.sig-reuse-label{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}#dashboard-sort[data-active=true]{border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 2px #2563eb33}.preview-signing-banner{position:fixed;top:0;left:0;width:100%;background-color:#2196f3;color:#fff;padding:10px 20px;text-align:center;z-index:1000;box-shadow:0 2px 5px #0003}.preview-signing-banner strong{font-size:18px;display:block;margin-bottom:5px}.preview-signing-banner p{margin:5px 0}#signing-progress{margin-top:8px}.progress-bar{height:10px;background-color:#ffffff4d;border-radius:5px;margin-top:5px;overflow:hidden}.progress-fill{height:100%;background-color:#4caf50;border-radius:5px;transition:width .3s ease}.signing-action-bar{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;display:flex;justify-content:space-between;padding:15px 20px;box-shadow:0 -2px 10px #0000001a;z-index:1000}.signing-navigation,.signing-actions{display:flex;gap:10px}.nav-btn{padding:8px 15px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn{padding:8px 15px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}.success-btn{padding:8px 15px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.success-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{padding:8px 15px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.signature-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;display:flex;justify-content:center;align-items:center}.signature-modal{background-color:#fff;border-radius:8px;padding:20px;width:500px;max-width:90%;box-shadow:0 4px 12px #00000026;position:relative}.signature-modal h3{margin-top:0;margin-bottom:10px}.signature-instructions{margin-bottom:20px;color:#555}.signature-mode-toggle{margin:15px 0;text-align:center}.toggle-btn{padding:8px 15px;border:1px solid #ccc;background-color:#f0f0f0;cursor:pointer;border-radius:4px}.toggle-btn.active{background-color:#ddd}#modal-signature-canvas{border:1px solid #ddd;width:100%;height:clamp(120px,35vw,200px);border-radius:4px;touch-action:none}.signature-controls{margin-top:20px;text-align:right}.document-field{transition:all .2s ease}.document-field:hover{box-shadow:0 0 5px #1e88e5}.current-field{box-shadow:0 0 8px 2px #1e88e5!important;z-index:10;transition:all .3s ease}.completed-field{border:2px solid #4CAF50!important;background-color:#4caf500d!important}.required-indicator{color:red;position:absolute;top:-8px;right:-8px;font-size:16px}#signing-panels{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}.signing-panel{background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000000f}.signing-panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.required-fields-summary{color:#5f6368;font-size:.9rem}.required-fields-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.required-fields-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #eee;border-radius:6px;cursor:pointer}.required-fields-item:hover{border-color:#cde0ff;background:rgba(26,115,232,.04)}.required-fields-item:focus-visible{outline:3px solid rgba(26,115,232,.35);outline-offset:2px}.required-fields-item .required-fields-name{font-weight:500}.required-fields-item .required-fields-status{font-size:.9rem;color:#5f6368}.required-fields-item.is-complete .required-fields-status{color:#0f9d58}.required-fields-item.is-missing .required-fields-status{color:#d93025}.signing-panel-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.primary-action{background:linear-gradient(140deg,#0f6ad8,#0b4f9f);color:#fff;border:none}.primary-action:hover{background:linear-gradient(140deg,#0d61c6,#093f80)}.required-fields-empty{list-style:none;border:1px dashed #d7e2f0;border-radius:8px;padding:10px;color:#4d6283;font-size:.92rem;background:#f8fbff}.signing-field-editor-body{display:grid;gap:6px}.signing-field-label{color:#5f6368;font-size:.9rem}.signing-field-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:1rem}.recipient-signing-doc-name{margin:0 0 8px;color:#384e69;font-size:.95rem}.recipient-otp-status{margin:0 0 8px;color:#4d6283;font-size:.9rem}.recipient-otp-preview{margin:0 0 8px;font-family:IBM Plex Mono,monospace;font-size:.9rem;color:#0b4f9f;background:#eef5ff;border:1px dashed #b6cff4;border-radius:6px;padding:8px 10px}.recipient-otp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}#recipient-otp-code{width:100%;padding:10px 12px;border:1px solid #d4deea;border-radius:6px;font-size:1rem;letter-spacing:.08em}@media (max-width: 640px){.recipient-otp-row{grid-template-columns:1fr}#recipient-verify-otp-btn,#recipient-request-otp-btn{width:100%}}#signing-view{max-width:100%;margin:0}#signing-status{margin-top:12px;color:#355177;font-size:.92rem;min-height:24px}.signature-controls-wrapper{margin-top:10px}.signing-progress-inline{margin-bottom:8px;font-size:.88rem;color:#476086;font-weight:600}.signing-progress-inline[data-state=complete]{color:#13683b}.signing-progress-inline[data-state=incomplete]{color:#8d5500}.signing-progress-inline[data-state=none]{color:#37597f}.signature-controls{flex-wrap:wrap;gap:8px}.signature-controls button{min-height:42px}@media (min-width: 1080px){#signing-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.signature-controls-wrapper{position:sticky;bottom:calc(66px + env(safe-area-inset-bottom));z-index:20;margin-top:14px;padding:10px;border:1px solid #d4deec;border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 -8px 24px #0b2a551f}.signature-mode-toggle button,.signing-panel-actions button{min-height:42px}.signature-pad-container{margin-top:10px}#signature-canvas{height:170px}.signing-panel{padding:10px}.required-fields-item{padding:10px;min-height:44px}.signature-controls button{flex:1 1 calc(50% - 8px)}}@media (max-width: 640px){.signing-progress-inline{font-size:.84rem}.signature-controls button{flex:1 1 100%}}#recipient-signing-panel{border-color:#c8d9ef;background:linear-gradient(165deg,rgba(15,106,216,.05),rgba(22,160,133,.04)),#fff}.recipient-otp-status[data-state=verified]{color:#13683b;font-weight:700}.recipient-otp-status[data-state=sent]{color:#8d5500}.recipient-otp-status[data-state=idle]{color:#37597f}#recipient-otp-code:focus{outline:none;border-color:#0f6ad8;box-shadow:0 0 0 3px #0f6ad826}@media (max-width: 960px){#signing-panels{gap:10px}#recipient-signing-panel{position:sticky;top:calc(66px + env(safe-area-inset-top));z-index:26}body[data-public-signing=true] #recipient-signing-panel{top:calc(50px + env(safe-area-inset-top))}.required-fields-list{max-height:220px;overflow-y:auto;padding-right:4px}.signature-controls-wrapper{margin-left:-2px;margin-right:-2px}}.signature-controls-wrapper .progress-bar{background:rgba(71,96,134,.15);margin:4px 0 10px;height:8px}.signature-controls-wrapper .progress-fill{background:linear-gradient(90deg,#1a73e8,#0f9d58);border-radius:5px}.signature-upload-drop-zone{border:2px dashed var(--border-color, #d6deea);border-radius:10px;padding:24px 16px;text-align:center;cursor:pointer;color:var(--medium-text, #4f6079);font-size:.9rem;transition:border-color .2s,background .2s}.signature-upload-drop-zone:hover,.signature-upload-drop-zone.drag-over{border-color:var(--primary-color, #1a73e8);background:rgba(26,115,232,.04)}.signature-upload-drop-zone:focus{outline:2px solid var(--primary-color, #1a73e8);outline-offset:2px}.signing-steps{display:flex;align-items:center;gap:0;margin:0 0 20px;padding:12px 16px;background:rgba(26,115,232,.05);border-radius:10px;border:1px solid rgba(26,115,232,.15)}.signing-step{display:flex;align-items:center;gap:8px;flex:0 0 auto}.step-circle{width:28px;height:28px;border-radius:50%;background:var(--border-color, #d6deea);color:var(--medium-text, #4f6079);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;transition:background .25s,color .25s}.step-label{font-size:.82rem;font-weight:600;color:var(--medium-text, #4f6079);transition:color .25s;white-space:nowrap}.signing-step-connector{flex:1;height:2px;background:var(--border-color, #d6deea);margin:0 8px;min-width:24px;transition:background .25s}.signing-step[data-active=true] .step-circle{background:var(--primary-color, #1a73e8);color:#fff}.signing-step[data-active=true] .step-label{color:var(--primary-color, #1a73e8)}.signing-step[data-completed=true] .step-circle{background:var(--success-color, #0f9d58);color:#fff}.signing-step[data-completed=true] .step-circle:after{content:"✓"}.signing-step[data-completed=true] .step-circle:not([data-show-num=true]){font-size:0}.signing-step[data-completed=true] .step-label{color:var(--success-color, #0f9d58)}.signing-step-connector[data-completed=true]{background:var(--success-color, #0f9d58)}@media (max-width: 480px){.step-label{display:none}.signing-steps{justify-content:center}}.resize-handle{position:absolute;width:10px;height:10px;background:#0077cc;border:1px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;z-index:10;touch-action:none}.resize-handle-nw{top:-5px;left:-5px;cursor:nw-resize}.resize-handle-ne{top:-5px;right:-5px;cursor:ne-resize}.resize-handle-se{bottom:-5px;right:-5px;cursor:se-resize}.resize-handle-sw{bottom:-5px;left:-5px;cursor:sw-resize}.resize-handle-n{top:-5px;left:calc(50% - 5px);cursor:n-resize}.resize-handle-e{top:calc(50% - 5px);right:-5px;cursor:e-resize}.resize-handle-s{bottom:-5px;left:calc(50% - 5px);cursor:s-resize}.resize-handle-w{top:calc(50% - 5px);left:-5px;cursor:w-resize}.document-field:not(:hover):not(.selected) .resize-handle-n,.document-field:not(:hover):not(.selected) .resize-handle-e,.document-field:not(:hover):not(.selected) .resize-handle-s,.document-field:not(:hover):not(.selected) .resize-handle-w{opacity:0}@media (hover: none) and (pointer: coarse){.resize-handle{width:18px;height:18px}.resize-handle-nw{top:-9px;left:-9px}.resize-handle-ne{top:-9px;right:-9px}.resize-handle-se{bottom:-9px;right:-9px}.resize-handle-sw{bottom:-9px;left:-9px}.resize-handle-n{top:-9px;left:calc(50% - 9px)}.resize-handle-e{top:calc(50% - 9px);right:-9px}.resize-handle-s{bottom:-9px;left:calc(50% - 9px)}.resize-handle-w{top:calc(50% - 9px);left:-9px}}@keyframes progress-complete-pulse{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}#signing-progress-bar.signing-progress-complete{animation:progress-complete-pulse 1.2s ease-out}#signing-progress-bar.signing-progress-complete #signing-progress-fill{background:#22c55e}