*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}#app{min-height:100vh}.btn{cursor:pointer;padding:8px 16px;border:none;border-radius:4px;font-size:14px;transition:all .3s}.btn.primary{background:#007bff;color:#fff}.btn.success{background:#28a745;color:#fff}.btn.warning{background:#ffc107;color:#000}.btn.small{padding:4px 8px;font-size:12px;margin-left:5px}.btn.outline{background:transparent;border:1px solid #007bff;color:#007bff}.input-field,.textarea-field{width:100%;margin-bottom:10px;padding:8px;box-sizing:border-box;border:1px solid #ddd;border-radius:4px}.textarea-field{height:100px;resize:vertical}.admin-layout[data-v-5afea67d]{display:flex;flex-direction:column;height:100vh;background:#f0f2f5;font-family:sans-serif}.top-navigation[data-v-5afea67d]{background:#ffffff;box-shadow:0 1px 4px #0000001a;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:100}.nav-content[data-v-5afea67d]{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px}.nav-title[data-v-5afea67d]{display:flex;align-items:center;gap:16px}.logo[data-v-5afea67d]{font-size:18px;font-weight:700;color:#001529}.page-title[data-v-5afea67d]{font-size:16px;color:#262626;font-weight:500}.nav-actions[data-v-5afea67d]{display:flex;align-items:center;gap:12px}.btn-logout[data-v-5afea67d]{background:transparent;border:1px solid #d9d9d9;color:#595959;padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .3s}.btn-logout[data-v-5afea67d]:hover{background:#f5f5f5;border-color:#1890ff;color:#1890ff}.full-content[data-v-5afea67d]{flex:1;padding:20px;overflow-y:auto}.stats-row[data-v-5afea67d]{display:flex;gap:15px;margin-bottom:20px}.card[data-v-5afea67d]{background:white;flex:1;padding:20px;border-radius:6px;font-weight:700;box-shadow:0 2px 5px #0000000d}.card.warn[data-v-5afea67d]{border-left:4px solid #faad14}.card.info[data-v-5afea67d]{border-left:4px solid #1890ff}.card.success[data-v-5afea67d]{border-left:4px solid #52c41a}.table-box[data-v-5afea67d]{background:white;padding:20px;border-radius:6px;box-shadow:0 2px 5px #0000000d}table[data-v-5afea67d]{width:100%;border-collapse:collapse}th[data-v-5afea67d],td[data-v-5afea67d]{padding:12px;text-align:left;border-bottom:1px solid #eee}.status-badge[data-v-5afea67d]{padding:4px 8px;border-radius:4px;font-size:12px;background:#eee}.status-badge.audit_pending[data-v-5afea67d]{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status-badge.active[data-v-5afea67d]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.btn-primary[data-v-5afea67d]{background:#1890ff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-audit[data-v-5afea67d]{background:#faad14;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin-right:5px;font-weight:700}.btn-link[data-v-5afea67d],.btn-view[data-v-5afea67d]{background:none;border:none;cursor:pointer;color:#666;font-size:12px;margin-right:5px}.btn-link[data-v-5afea67d]:hover{color:#1890ff;text-decoration:underline}.btn-reject[data-v-5afea67d]{background:#ff4d4f;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-approve[data-v-5afea67d]{background:#52c41a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.modal-mask[data-v-5afea67d]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-5afea67d]{background:white;padding:25px;border-radius:8px;width:500px;box-shadow:0 4px 12px #00000026}.form-row[data-v-5afea67d]{margin-bottom:15px}.two-col[data-v-5afea67d]{display:flex;gap:15px}.col[data-v-5afea67d]{flex:1}.bg-gray[data-v-5afea67d]{background:#f9f9f9;padding:10px;border-radius:4px}input[data-v-5afea67d],select[data-v-5afea67d],textarea[data-v-5afea67d]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.modal-footer[data-v-5afea67d]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.tag-sm[data-v-5afea67d]{font-size:10px;background:#eee;padding:2px 4px;border-radius:2px;margin-right:4px}.audit-preview[data-v-5afea67d]{margin:10px 0;font-size:13px}.fullscreen-signature-wrapper[data-v-8e2686dc]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:99999;overflow:hidden}.canvas-layer[data-v-8e2686dc]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}canvas[data-v-8e2686dc]{width:100%;height:100%;display:block;touch-action:none}.ui-layer[data-v-8e2686dc]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:center}.ui-container[data-v-8e2686dc]{width:100vh;height:100vw;transform:rotate(90deg);display:flex;flex-direction:column;justify-content:space-between;background:transparent}.ui-header[data-v-8e2686dc],.ui-footer[data-v-8e2686dc]{pointer-events:auto;padding:10px 20px;background:rgba(255,255,255,.9);display:flex;justify-content:space-between;align-items:center}.ui-header[data-v-8e2686dc]{border-bottom:1px solid #eee}.ui-footer[data-v-8e2686dc]{border-top:1px solid #eee;padding-bottom:20px}.ui-spacer[data-v-8e2686dc]{flex:1}.hint-text[data-v-8e2686dc]{font-size:16px;color:#666;font-weight:700}.icon-btn[data-v-8e2686dc]{background:none;border:none;font-size:24px;padding:10px;cursor:pointer;color:#999}.btn[data-v-8e2686dc]{padding:8px 24px;border-radius:4px;font-size:14px;border:none;cursor:pointer}.btn-secondary[data-v-8e2686dc]{background:#f5f7fa;border:1px solid #dcdfe6;color:#606266}.btn-primary[data-v-8e2686dc]{background:#1989fa;color:#fff}.status-area[data-v-5174f06a]{border-top:1px solid #eee;padding-top:20px;margin-top:30px;text-align:center}.status-area h3[data-v-5174f06a]{margin-bottom:15px;font-size:18px}.status-area.audit-pending h3[data-v-5174f06a]{color:#faad14}.status-area.active h3[data-v-5174f06a]{color:#52c41a}.status-area.rejected h3[data-v-5174f06a]{color:#ff4d4f}.meta-info[data-v-5174f06a]{font-size:14px;color:#666;margin-bottom:20px}.signature-preview img[data-v-5174f06a]{max-height:60px;border-bottom:1px solid #ccc;margin:10px 0}.contact-info[data-v-5174f06a]{color:#666;font-size:14px;margin-top:10px}.official-signatures[data-v-5174f06a]{display:flex;justify-content:space-between;align-items:stretch;margin-top:40px;padding:20px 0;font-family:Times New Roman,Times,serif}.sign-column[data-v-5174f06a]{width:48%;position:relative;display:flex;flex-direction:column}.party-title[data-v-5174f06a]{font-size:14px;color:#444;margin-bottom:5px;min-height:20px}.company-name-bold[data-v-5174f06a]{font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;line-height:1.4;border-bottom:1px solid #000;padding-bottom:5px;margin-bottom:0;min-height:90px;display:flex;align-items:flex-end}.sign-area-box[data-v-5174f06a]{position:relative;height:120px;display:flex;align-items:flex-end;margin-top:auto;margin-bottom:10px}.handwritten-sign[data-v-5174f06a]{font-family:Great Vibes,cursive;font-size:42px;color:#1a1a1a;position:relative;z-index:2;margin-bottom:10px;transform:rotate(-5deg);text-shadow:1px 1px 2px rgba(0,0,0,.1)}.big-seal[data-v-5174f06a]{position:absolute;top:-20px;left:50px;width:200px;height:200px;opacity:.8;transform:rotate(-8deg);mix-blend-mode:multiply;pointer-events:none;z-index:1;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.2))}.client-sign-img[data-v-5174f06a]{max-height:90px;max-width:90%;margin-bottom:5px;margin-left:10px;mix-blend-mode:multiply;filter:contrast(150%) brightness(110%) grayscale(100%);background-color:transparent}.sign-line[data-v-5174f06a]{position:absolute;bottom:0;left:0;right:0;height:1px;background:#333}.sign-line[data-v-5174f06a]:before{content:"";position:absolute;top:-5px;left:0;right:0;height:1px;background:#333}.sign-line[data-v-5174f06a]:after{content:"";position:absolute;top:-10px;left:0;right:0;height:1px;background:#333}.sign-meta[data-v-5174f06a]{font-size:12px;color:#555;line-height:1.6;min-height:65px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.sign-meta div[data-v-5174f06a]{margin-bottom:3px}.actions[data-v-5174f06a]{margin-top:30px}@media (max-width: 600px){.official-signatures[data-v-5174f06a]{flex-direction:column;gap:50px}.sign-column[data-v-5174f06a]{width:100%}.big-seal[data-v-5174f06a]{width:140px;height:140px;left:30px}.handwritten-sign[data-v-5174f06a]{font-size:36px}}.page-bg[data-v-5174f06a]{background-color:#f0f2f5;min-height:100vh;padding:20px 10px;display:flex;justify-content:center}.paper-container[data-v-5174f06a]{background:white;width:100%;max-width:700px;padding:30px;box-shadow:0 4px 15px #0000001a;border-radius:4px;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact}.contract-title[data-v-5174f06a]{text-align:center;margin-bottom:10px;color:#333;font-size:24px}.meta-row[data-v-5174f06a]{display:flex;justify-content:space-between;font-size:12px;color:#666;border-bottom:2px solid #333;padding-bottom:10px;margin-bottom:20px}.divider[data-v-5174f06a]{height:1px;background:#eee;margin:10px 0}.parties-section[data-v-5174f06a]{background:#f9f9f9;padding:15px;border-radius:4px;margin-bottom:20px;border:1px solid #eee}.party-box[data-v-5174f06a]{margin-bottom:10px;font-size:14px}.party-box label[data-v-5174f06a]{color:#666;width:80px;display:inline-block}.content-body[data-v-5174f06a]{font-size:15px;line-height:1.8;color:#222;min-height:200px;white-space:pre-wrap;text-align:justify;margin-bottom:30px}.security-hash[data-v-5174f06a]{font-size:10px;color:#ccc;text-align:center;font-family:monospace;margin-bottom:20px}.signing-area[data-v-5174f06a]{border-top:1px dashed #ccc;padding-top:20px}.legal-check[data-v-5174f06a]{display:flex;align-items:flex-start;margin-bottom:15px;font-size:13px;color:#333}.legal-check input[data-v-5174f06a]{margin-top:3px;margin-right:8px;width:16px;height:16px;min-width:16px;flex-shrink:0;cursor:pointer;accent-color:#1677ff}.signature-options[data-v-5174f06a]{margin-bottom:20px}.sign-trigger-box[data-v-5174f06a]{width:100%;height:150px;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.sign-trigger-box[data-v-5174f06a]:hover{background-color:#e9ecef;border-color:#1677ff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.placeholder-content[data-v-5174f06a]{display:flex;flex-direction:column;align-items:center;color:#6c757d;text-align:center}.placeholder-content .icon[data-v-5174f06a]{font-size:32px;margin-bottom:8px}.placeholder-content .hint[data-v-5174f06a]{font-size:12px;color:#adb5bd;margin-top:4px}.signature-display-box[data-v-5174f06a]{width:100%;border:1px solid #e9ecef;border-radius:8px;padding:15px;text-align:center;background:#f8f9fa}.signed-img[data-v-5174f06a]{max-width:100%;max-height:120px;height:auto;display:block;margin:0 auto 10px;border-radius:4px;box-shadow:0 2px 8px #0000001a}.re-sign-btn[data-v-5174f06a]{display:inline-block;padding:6px 12px;background:#6c757d;color:#fff;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.re-sign-btn[data-v-5174f06a]:hover{background:#5a6268}.canvas-wrapper[data-v-5174f06a]{border:1px solid #aaa;border-radius:4px;height:200px;overflow:hidden;margin-bottom:15px}canvas[data-v-5174f06a]{width:100%;height:100%;touch-action:none}.btn-group[data-v-5174f06a]{display:flex;gap:10px}.btn[data-v-5174f06a]{flex:1;padding:12px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.btn.primary[data-v-5174f06a]{background:#1677ff;color:#fff}.btn.primary[data-v-5174f06a]:disabled{background:#ccc}.btn.outline[data-v-5174f06a]{background:white;border:1px solid #ccc;color:#333}.full-width[data-v-5174f06a]{width:100%}.signed-area[data-v-5174f06a]{text-align:right;margin-top:30px;border-top:1px solid #eee;padding-top:20px}.sign-result img[data-v-5174f06a]{max-height:80px;border-bottom:1px solid #333}.timestamp[data-v-5174f06a]{font-size:12px;color:#666;margin-top:5px}.watermark[data-v-5174f06a]:before{content:attr(data-watermark-text);position:absolute;top:200px;left:50%;transform:translate(-50%) rotate(-30deg);font-size:60px;color:#1677ff26;font-weight:700;pointer-events:none;border:5px solid rgba(22,119,255,.15);padding:10px}@media print{.btn-group[data-v-5174f06a],.btn[data-v-5174f06a]{display:none}.page-bg[data-v-5174f06a]{padding:0;background:white}.paper-container[data-v-5174f06a]{box-shadow:none;max-width:100%}}.confirm-modal-mask[data-v-5174f06a]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:99998}.confirm-modal[data-v-5174f06a]{background:white;padding:30px;border-radius:12px;text-align:center;max-width:320px;box-shadow:0 8px 24px #0003}.confirm-icon[data-v-5174f06a]{font-size:48px;margin-bottom:15px}.confirm-title[data-v-5174f06a]{font-size:16px;color:#333;margin-bottom:25px;line-height:1.5}.confirm-buttons[data-v-5174f06a]{display:flex;gap:12px;justify-content:center}.confirm-buttons .btn[data-v-5174f06a]{min-width:100px}.login-container[data-v-150a5c6b]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-box[data-v-150a5c6b]{background:white;padding:40px;border-radius:10px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:400px;text-align:center}.login-box h1[data-v-150a5c6b]{margin-bottom:30px;color:#333;font-size:24px}.login-form[data-v-150a5c6b]{margin-bottom:20px}.input-field[data-v-150a5c6b]{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;font-size:14px}.error-message[data-v-150a5c6b]{color:#dc3545;font-size:14px;margin-top:10px}.demo-info[data-v-150a5c6b]{background:#f8f9fa;padding:15px;border-radius:5px;font-size:14px;color:#666}.demo-info p[data-v-150a5c6b]{margin:0}