*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f5f5f5;min-height:100vh;font-family:Segoe UI,Arial,sans-serif}#root{width:100%;max-width:100%}.page-wrapper{max-width:860px;margin:0 auto;padding:32px 16px 60px}.app-header{color:#fff;text-align:center;background:#1a3c5e;border-radius:8px;margin-bottom:32px;padding:20px}.app-header h1{margin:0;font-size:22px;font-weight:700}.app-header p{opacity:.8;margin-top:4px;font-size:13px}.card{background:#fff;border-radius:10px;margin-bottom:20px;padding:24px;box-shadow:0 2px 8px #00000014}.card-title{color:#1a3c5e;border-bottom:2px solid #e8f0fe;margin-bottom:16px;padding-bottom:10px;font-size:15px;font-weight:700}.field-group{flex-direction:column;gap:14px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=600px){.field-row{grid-template-columns:1fr}}.field label{color:#444;margin-bottom:5px;font-size:13px;font-weight:600;display:block}.field input,.field textarea,.field select{background:#fafafa;border:1.5px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.field input:focus,.field textarea:focus{background:#fff;border-color:#1a3c5e;outline:none}.field textarea{resize:vertical;min-height:80px}.checkbox-group{gap:20px;margin-top:4px;display:flex}.checkbox-group label{cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#1a3c5e;width:18px;height:18px}.contract-textarea{resize:vertical;background:#fafafa;border:1.5px solid #ddd;border-radius:6px;width:100%;min-height:320px;padding:14px;font-family:inherit;font-size:13px;line-height:1.7}.contract-textarea:focus{background:#fff;border-color:#1a3c5e;outline:none}.btn{cursor:pointer;border:none;border-radius:7px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .2s}.btn-primary{color:#fff;background:#1a3c5e;width:100%}.btn-primary:hover{background:#14304f}.btn-primary:disabled{cursor:not-allowed;background:#888}.btn-secondary{color:#1a3c5e;background:#e8f0fe}.btn-secondary:hover{background:#d0e2fc}.btn-danger{color:#b91c1c;background:#fee2e2;padding:8px 16px;font-size:13px}.btn-danger:hover{background:#fecaca}.btn-add{color:#166534;cursor:pointer;background:#f0fdf4;border:1.5px dashed #86efac;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-add:hover{background:#dcfce7}.btn-sign{color:#fff;background:#16a34a;width:100%;padding:15px;font-size:17px}.btn-sign:hover{background:#15803d}.btn-sign:disabled{cursor:not-allowed;background:#888}.link-box{background:#f0fdf4;border:1.5px solid #86efac;border-radius:8px;margin-top:16px;padding:16px}.link-box p{color:#166534;margin-bottom:8px;font-size:13px;font-weight:600}.link-display{align-items:center;gap:8px;display:flex}.link-display input{color:#333;direction:ltr;background:#fff;border:1px solid #86efac;border-radius:6px;flex:1;padding:8px 12px;font-size:12px}.copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#16a34a;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}.copy-btn:hover{background:#15803d}.custom-field-row{align-items:flex-end;gap:8px;display:flex}.custom-field-row .field{flex:1}.custom-fields-list{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.lang-bar{direction:ltr;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.lang-btn{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.lang-btn.active{color:#fff;background:#1a3c5e;border-color:#1a3c5e}.details-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=600px){.details-grid{grid-template-columns:1fr}}.detail-item{background:#f8faff;border:1px solid #e0e7ff;border-radius:6px;padding:10px 14px}.detail-item .detail-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:11px;font-weight:600}.detail-item .detail-value{color:#222;font-size:14px;font-weight:600}.detail-item.editable{background:#fffbeb;border-color:#fcd34d}.contract-text{white-space:pre-wrap;color:#333;background:#fafafa;border:1px solid #eee;border-radius:6px;padding:20px;font-size:13px;line-height:1.8}.sig-container{cursor:crosshair;touch-action:none;background:#fff;border:2px solid #1a3c5e;border-radius:8px;width:100%;display:block}.sig-actions{justify-content:flex-end;margin-top:8px;display:flex}.sig-hint{color:#888;margin-bottom:8px;font-size:12px}.date-display{color:#1a3c5e;padding:10px 0;font-size:15px;font-weight:600}.rtl{text-align:right;direction:rtl}.ltr{text-align:left;direction:ltr}.loading-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-box{text-align:center;color:#1a3c5e;background:#fff;border-radius:12px;padding:32px 40px;font-size:16px;font-weight:600}.success-banner{text-align:center;color:#166534;background:#f0fdf4;border:1.5px solid #86efac;border-radius:8px;margin-top:16px;padding:16px;font-size:15px;font-weight:600}