.contract-variables-compact[data-v-55dc42fe]{width:100%}.variables-card[data-v-55dc42fe]{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #e5e7eb;overflow:hidden}.card-header[data-v-55dc42fe]{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);padding:12px 16px;border-bottom:1px solid #0891b2;display:flex;align-items:center;justify-content:space-between}.card-title[data-v-55dc42fe]{font-size:14px;font-weight:600;color:#0c4a6e;margin:0;display:flex;align-items:center;font-family:WorkSans-SemiBold,sans-serif}.title-icon[data-v-55dc42fe]{color:#0284c7;margin-right:6px;font-size:14px}.variables-count[data-v-55dc42fe]{background:hsla(0,0%,100%,.9);color:#0c4a6e;font-weight:600;font-size:12px;padding:4px 8px;border-radius:12px;min-width:24px;text-align:center}.card-content[data-v-55dc42fe]{padding:12px;max-height:300px;overflow-y:auto}.loading-overlay[data-v-55dc42fe]{border-radius:8px;min-height:100px}.no-results[data-v-55dc42fe]{text-align:center;padding:20px;color:#64748b;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:6px}.no-results i[data-v-55dc42fe]{font-size:24px;color:#cbd5e1}.variables-list[data-v-55dc42fe]{display:flex;flex-direction:column;gap:8px}.variable-item[data-v-55dc42fe]{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:10px;cursor:pointer;transition:all .2s ease}.variable-item[data-v-55dc42fe]:hover{background:#f1f5f9;border-color:#0f65b0;transform:translateY(-1px)}.variable-code[data-v-55dc42fe]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.variable-code code[data-v-55dc42fe]{background:#0f65b0;color:#fff;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;font-weight:600;flex:1;text-align:center}.copy-btn[data-v-55dc42fe]{background:transparent;border:1px solid #e5e7eb;color:#64748b;padding:4px 6px;border-radius:4px;cursor:pointer;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.copy-btn[data-v-55dc42fe]:hover{background:#0f65b0;border-color:#0f65b0;color:#fff}.copy-btn i[data-v-55dc42fe]{font-size:10px}.variable-desc[data-v-55dc42fe]{font-size:12px;color:#374151;line-height:1.3;padding-left:4px}.card-footer[data-v-55dc42fe]{background:#f8fafc;padding:8px 16px;border-top:1px solid #e5e7eb;display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b}.card-footer i[data-v-55dc42fe]{color:#f59e0b;font-size:12px}.card-content[data-v-55dc42fe]::-webkit-scrollbar{width:4px}.card-content[data-v-55dc42fe]::-webkit-scrollbar-track{background:#f1f5f9}.card-content[data-v-55dc42fe]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.card-content[data-v-55dc42fe]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.card-header[data-v-55dc42fe]{padding:10px 12px}.card-content[data-v-55dc42fe]{padding:10px;max-height:250px}.variable-item[data-v-55dc42fe]{padding:8px}.variable-code[data-v-55dc42fe]{flex-direction:column;gap:4px}.copy-btn[data-v-55dc42fe]{align-self:flex-end}.card-footer[data-v-55dc42fe]{padding:6px 12px;font-size:10px}}.contract-modern[data-v-44b04ebb]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.contract-container[data-v-44b04ebb]{max-width:1400px;margin:0 auto;padding:0 24px}.contract-header[data-v-44b04ebb]{padding:24px 0;background:#fff;border-radius:0 0 24px 24px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:32px}.header-content[data-v-44b04ebb]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px;max-width:1400px;margin:0 auto;padding:0 24px}.page-title[data-v-44b04ebb]{font-size:32px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;font-family:WorkSans-SemiBold,sans-serif}.title-icon[data-v-44b04ebb]{color:#0f65b0;margin-right:12px}.page-subtitle[data-v-44b04ebb]{color:#64748b;margin:4px 0 0 0;font-size:16px}.btn-return-modern[data-v-44b04ebb]{background:transparent!important;color:#64748b!important;border:2px solid #e5e7eb!important;border-radius:12px!important;padding:12px 20px!important;font-weight:600!important;text-transform:none!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important;transition:all .3s ease!important}.btn-return-modern[data-v-44b04ebb]:hover{background:#f8fafc!important;border-color:#cbd5e1!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.contract-content[data-v-44b04ebb]{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.resident-card[data-v-44b04ebb]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.2);overflow:hidden}.resident-header[data-v-44b04ebb]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px 24px;border-bottom:1px solid #e5e7eb}.card-title[data-v-44b04ebb]{font-size:18px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;font-family:WorkSans-SemiBold,sans-serif}.card-title i[data-v-44b04ebb]{color:#0f65b0}.resident-info[data-v-44b04ebb]{display:flex;align-items:center;gap:30px;padding:24px}.avatar-image[data-v-44b04ebb]{width:80px;height:80px;border-radius:50%;-o-object-fit:contain;object-fit:contain;border:3px solid #0f65b0;box-shadow:0 4px 12px rgba(15,101,176,.2)}.avatar-placeholder[data-v-44b04ebb]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;border:3px solid #cbd5e1}.avatar-placeholder i[data-v-44b04ebb]{font-size:40px;color:#94a3b8}.resident-details[data-v-44b04ebb]{flex:1}.resident-name[data-v-44b04ebb]{font-size:24px;font-weight:700;color:#1e293b;font-family:WorkSans-SemiBold,sans-serif}.resident-label[data-v-44b04ebb]{color:#64748b;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.variables-section[data-v-44b04ebb]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.2);overflow:hidden}.variables-header[data-v-44b04ebb]{background:linear-gradient(135deg,#fef3c7,#fed7aa);padding:24px;border-bottom:1px solid #f59e0b;text-align:center}.section-title[data-v-44b04ebb]{font-size:20px;font-weight:600;color:#92400e;margin:0 0 8px 0;display:flex;align-items:center;justify-content:center;font-family:WorkSans-SemiBold,sans-serif}.section-title i[data-v-44b04ebb]{color:#d97706}.section-description[data-v-44b04ebb]{color:#92400e;font-size:14px;margin:0;font-weight:500}.variables-container[data-v-44b04ebb]{padding:24px}.variables-content[data-v-44b04ebb]{min-height:120px}.no-resident-message[data-v-44b04ebb]{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#64748b;font-size:16px}.no-resident-message i[data-v-44b04ebb]{color:#f59e0b;font-size:20px}.contract-form-section[data-v-44b04ebb]{display:flex;flex-direction:column;gap:24px}.form-grid[data-v-44b04ebb]{display:grid;gap:24px}.form-card[data-v-44b04ebb]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.2);overflow:hidden}.contract-text-card[data-v-44b04ebb]{grid-column:1/-1}.form-header[data-v-44b04ebb]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px 24px;border-bottom:1px solid #e5e7eb}.form-title[data-v-44b04ebb]{font-size:18px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;font-family:WorkSans-SemiBold,sans-serif}.form-title i[data-v-44b04ebb]{color:#0f65b0}.form-content[data-v-44b04ebb]{padding:24px}.input-container[data-v-44b04ebb]{position:relative;margin-top:8px}.modern-form-input[data-v-44b04ebb]{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;font-weight:500;background:#fff;transition:all .3s ease;font-family:WorkSans-Regular,sans-serif}.modern-form-input[data-v-44b04ebb]:focus{outline:none;border-color:#0f65b0;box-shadow:0 0 0 3px rgba(15,101,176,.1)}.input-counter[data-v-44b04ebb]{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#94a3b8;font-weight:500}.textarea-container[data-v-44b04ebb]{margin-top:8px}.modern-textarea[data-v-44b04ebb]{width:100%;padding:20px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;line-height:1.6;font-family:WorkSans-Regular,sans-serif;background:#fff;transition:all .3s ease;resize:vertical;min-height:300px}.modern-textarea[data-v-44b04ebb]:focus{outline:none;border-color:#0f65b0;box-shadow:0 0 0 3px rgba(15,101,176,.1)}.textarea-footer[data-v-44b04ebb]{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.character-counter[data-v-44b04ebb]{font-size:12px;font-weight:500}.character-counter span[data-v-44b04ebb]{color:#64748b}.counter-warning[data-v-44b04ebb]{color:#f59e0b!important}.textarea-tips[data-v-44b04ebb]{display:flex;align-items:center;font-size:12px;color:#64748b;font-weight:500}.textarea-tips i[data-v-44b04ebb]{color:#f59e0b}.errors-section[data-v-44b04ebb]{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:16px;padding:24px;box-shadow:0 4px 15px rgba(239,68,68,.1)}.actions-section[data-v-44b04ebb]{display:flex;justify-content:flex-end;padding:24px 0}.btn-save-contract[data-v-44b04ebb]{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:16px 32px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-size:14px!important;box-shadow:0 4px 15px rgba(16,185,129,.3)!important;transition:all .3s ease!important}.btn-save-contract[data-v-44b04ebb]:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(16,185,129,.4)!important}.btn-save-contract[data-v-44b04ebb]:disabled{opacity:.7!important;cursor:not-allowed!important;transform:none!important}.no-resident-section[data-v-44b04ebb]{display:flex;justify-content:center;align-items:center;min-height:400px}.no-resident-card[data-v-44b04ebb]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:48px;text-align:center;max-width:400px;width:100%}.no-resident-icon[data-v-44b04ebb]{font-size:64px;color:#cbd5e1;margin-bottom:24px}.no-resident-title[data-v-44b04ebb]{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 12px 0;font-family:WorkSans-SemiBold,sans-serif}.no-resident-text[data-v-44b04ebb]{color:#64748b;font-size:16px;margin:0 0 32px 0;line-height:1.5}@media (max-width:1024px){.header-content[data-v-44b04ebb]{grid-template-columns:1fr;gap:16px;text-align:center}.page-title[data-v-44b04ebb]{justify-content:center}}@media (max-width:768px){.contract-container[data-v-44b04ebb]{padding:0 16px}.contract-header[data-v-44b04ebb]{padding:16px 0;margin-bottom:24px}.header-content[data-v-44b04ebb]{padding:0 16px}.page-title[data-v-44b04ebb]{font-size:24px}.page-subtitle[data-v-44b04ebb]{font-size:14px}.contract-content[data-v-44b04ebb]{gap:20px}.resident-info[data-v-44b04ebb]{flex-direction:column;text-align:center;gap:16px}.avatar-image[data-v-44b04ebb],.avatar-placeholder[data-v-44b04ebb]{width:64px;height:64px}.avatar-placeholder i[data-v-44b04ebb]{font-size:32px}.resident-name[data-v-44b04ebb]{font-size:20px}.form-content[data-v-44b04ebb],.variables-header[data-v-44b04ebb]{padding:20px 16px}.textarea-footer[data-v-44b04ebb]{flex-direction:column;gap:8px;align-items:stretch;text-align:center}.actions-section[data-v-44b04ebb]{justify-content:center}.no-resident-card[data-v-44b04ebb]{padding:32px 24px}.no-resident-icon[data-v-44b04ebb]{font-size:48px}.no-resident-title[data-v-44b04ebb]{font-size:20px}}@media (max-width:480px){.btn-return-modern[data-v-44b04ebb],.btn-save-contract[data-v-44b04ebb]{padding:12px 20px!important;font-size:13px!important}.page-title[data-v-44b04ebb]{font-size:20px;flex-direction:column;gap:8px}.modern-form-input[data-v-44b04ebb],.modern-textarea[data-v-44b04ebb]{padding:14px 16px;font-size:14px}.card-title[data-v-44b04ebb],.form-title[data-v-44b04ebb],.section-title[data-v-44b04ebb]{font-size:16px}.modern-textarea[data-v-44b04ebb]{min-height:200px}}