.signature-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.signature-dialog{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signature-header{padding:calc(var(--spacing-unit) * 4);border-bottom:2px solid var(--color-primary);background:linear-gradient(135deg,#f8f9ff,#fff)}.signature-header h3{margin:0 0 calc(var(--spacing-unit) * 1) 0;font-size:1.5rem;color:var(--text-primary)}.signature-subtitle{margin:0;font-size:.875rem;color:var(--text-secondary);font-weight:500}.signature-body{padding:calc(var(--spacing-unit) * 4)}.signature-info-box{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 3)}.signature-info-row{display:flex;justify-content:space-between;padding:calc(var(--spacing-unit) * 1.5) 0;border-bottom:1px solid var(--border-light)}.signature-info-row:last-child{border-bottom:none}.signature-info-label{font-weight:600;color:var(--text-secondary);font-size:.875rem}.signature-info-value{color:var(--text-primary);font-weight:500;text-align:right}.signature-meaning{color:var(--color-primary);font-weight:600}.signature-warning{background:#fff9e6;border:1.5px solid #ffd966;border-radius:8px;padding:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) * 3);font-size:.875rem;line-height:1.6}.signature-warning strong{display:block;margin-bottom:calc(var(--spacing-unit) * 1);color:#c80}.signature-warning ul{margin:calc(var(--spacing-unit) * 1) 0 0 calc(var(--spacing-unit) * 2.5);padding:0}.signature-warning li{margin-bottom:calc(var(--spacing-unit) * .5);color:var(--text-secondary)}.signature-footer{padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 4);border-top:1px solid var(--border-light);display:flex;gap:calc(var(--spacing-unit) * 2);justify-content:flex-end}.form-group{margin-bottom:calc(var(--spacing-unit) * 3)}.form-group label{display:block;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 1);color:var(--text-primary);font-size:.875rem}.form-group textarea,.form-group input{width:100%;padding:calc(var(--spacing-unit) * 1.5);border:1.5px solid var(--border-medium);border-radius:8px;font-family:inherit;font-size:.9375rem;transition:all .2s}.form-group textarea:focus,.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1a}.form-group textarea:disabled,.form-group input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.field-hint{margin:calc(var(--spacing-unit) * 1) 0 0;font-size:.8125rem;color:var(--text-secondary)}.required{color:var(--color-error)}.error-message{background:#fee;border:1.5px solid #fcc;color:#c33;padding:calc(var(--spacing-unit) * 2);border-radius:8px;margin-bottom:calc(var(--spacing-unit) * 3);font-size:.875rem}.btn-primary,.btn-secondary{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 4);border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--text-primary);border:1.5px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}
